-
Решил перейти на XHTML верстку и использовать только дивы, может конечно бредовая идея, но поставил задачу сверстать то, что приложено. Верхушку и колонки сверстал без проблем, но с футером возникли проблемы. Дело в том, что футер должен всегда быть прижат к низу окна браузера, и при большом и при малом заполнении контентом.
Помогите плиз разобраться сделать надо бы в XHTML 1.0 Transitional, и используя только дивы.
Хотя у меня странное чувство, что валидно такое не сверстать, тем более что файрвокс при диве или таблице с height:100% с доктайпом
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
работать не собирается, т.е. высоту в 100 процентов он не делает(
-
Идея такая:
Код:
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
* *"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
</head>
<style>
html, body {height: 100%; margin: 0; padding: 0;}
#all {position: relative; height: 100%; background: #FFFF00}
html>body #all {height: auto; min-height: 100%;}
#empty, #footer {height: 30px}
#footer {position: absolute; left: 0; bottom: 0; width: 100%; background: #FF00FF}
</style>
<body>
<div id="all">
C O N T E N T
<div id="empty"></div>
<div id="footer">
F O O T E R
</div>
</div>
</body>
</html>
-
MacTpuK, хорошо бы указывать первоисточник -> [Only registered and activated users can see links. Click Here To Register...]
Там, в отличие от твоего поста, есть подробные комментарии...
-
agat, точно, оттуда взял код в свою копилку. Вот только адрес не запомнил. Но теперь Copyright уточнен!
-
Огромное спасибо, все выходные потратил,
но то что меня бы устроило так и не добился...
-
pointer
спасибо. Век живи, век учись.
-
Я эту конструкцию использовал всего 2 раза в жизни, чес. слово.
Особенно нелепо такое смотриться, если большой монитор, а информации на страничке мало... и подвал фиг знает где [Only registered and activated users can see links. Click Here To Register...]
-
agat
да, но если учитывать, что на большинстве мониторов стоит разрешение 1024/768, то в редких случаях это мжет быть полезным.. хотя если учитывать статистики пользования броузероми Опера и FF, то смысла в этом мало [Only registered and activated users can see links. Click Here To Register...]
-
Я понимаю, но не хочу получать предъяву, мол смотрел я сайт под расширением 1600*1024 а футер плавает :-)
Да и логичнее так будет. Тем более дизайнер любит прижимать к низу страницы свои "фишки" :-)
