Мне нужно было чтоб "подвал" сайта был всегда внизу не важно насколько заполнена страница. Это решил вынесением Дива "подвала" из "контейнера" (гдето урок нашол не помню где). Но вот возник вопрос: как теперь сделать так чтоб при уменьшении окна браузера контент который в "подвале" не съежал, т.е. чтоб точно также как и тело сайта уменьшался бы только до определённого размера?
надеюсь понятно написал
вот это у меня в CSS
Code
#container{ margin:0 auto; text-align:left; width:100%; min-width:1004px; width:expression( /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину <img rel="usm" src="http://studioad.ru/smiles/smile.gif" border="0" align="absmiddle" alt=":)"> */ (document.compatMode && document.compatMode == 'CSS1Compat') ? ( document.documentElement.clientWidth < 1004 ? "1004px" : "auto" ) : ( document.body.clientWidth < 1004 ? "1004px" : "auto" ) ); min-height:100%; }
/*Здесь пишем стили для левой колонки сайта */ #left{ border: 0px solid #000; background-color:#; width:200px; float:left; } /*Здесь пишем стили для правой колонки сайта */ #right{ width:200px; background-color:#a9d28c; float:right; } /*Здесь пишем стили для блока контента */ #content{ margin:0px; margin-left:202px; margin-right:202px; }
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */ #clear{ height:0; font-size:1px; line-height:0px; clear:both; } #rasporka{ height: 95px; }
поскольку не очень силён в CSS (только учусь), методом проб и ошибок получилось исспользовал min-width плюс надыбал хак для 6 Осла width: expression(document.body.clientWidth > 1004 ? "100%" : "1004px") /* Минимальная ширина для IE6 */
strike, я не просил чтоб мне объяснили как прижать футер к низу, вопрос был в другом (пожалуста читай внимательнее). Прежде чем спросить я поискал ответ на форуме не нашёл вот и спросил. Если ты знал ответ то почему просто не написал как сделать. То что есть Гугл я и так знаю, здесь я спросил потому что этот форум сециализируется на CSS.
И самое главное я не собираюсь с тобой выяснять кот плачет и кто маленький.
Минус я тебе поставил потому что ты невнимателно прочитал мой вопрос ну и как результат вежливо послал меня в Гугль.
было так: сужаю окно браузера, так как хидер и основная часть сайта анесены в див "контейнер", а ему прописана минимальная ширина, то тут всё нормуль. А вот футер вынесен из контейнера (чтоб прижать к низу сайта), и при сужении окна браузер контент "сезжал в кучу" см.скрин
проблему решил так: добавил то что выделено жирным #footer{ border: 0px solid #000; background:url(../images/bg_bottom.png) repeat-x; font-size:17px; min-width:1004px; width:100%; height: 95px; margin-top:-95px; margin-bottom:0px; margin-left:auto; margin-right:auto; text-align:left; color:#ffffff; font-size: 11px; font-family:Arial, Helvetica, sans-serif; width: expression(document.body.clientWidth > 1004 ? "100%" : "1004px") /* Минимальная ширина для IE6 */
Так как я в CSS ещё как бы лох вот и парюсь частенько. Но тут взникает другой вопрос правильно я сделал или можно было по другому сделать?