Вид для печати
Друзья, помогите сверстать страничку,
думаю, это займет пару минут, я читаю книжку но пока что не нашел, что мне нужно.
описание:
страница должна занимать 100% по ширине,
состоит из 3 блоков(топ, основной, футер)
просто незнаю как футер реализовать, если ставить {position:absolute; bottom:0px} то при переполнении основного блока его содержимое начинает наезжать на футер. может тут нужно использовать float, но незнаю как.
: [attachment=6098:attachment]
Задайте для основного блока нижний паддинг, равный высоте футера.
Никакие флоаты здесь не нужны.
эм, так?
Код:body {
padding-top: 100px;
padding-bottom: 100px;
}
.footer {
width: 100%;
height: 100px;
}
.header {
width: 100%;
height: 100px;
}
------------
<body>
</body>
Код:* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {background: #FFFFFF; min-width: 1000px; min-height: 100%; position: relative;}
* html body {height: 100%;}
#header {height: 100px;}
#content {padding-bottom: 100px;}
#footer {width: 100%; height: 100px; position: absolute; bottom: 0px;}
Учите матчасть. )Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>***</title>
</head>
<body>
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</body>
</html>
руки кривые видно у меня,
все получилось, спасибо=))
Не за что. Руки у Вас не кривые. Просто банальная нехватка знаний. Если будете читать соответствующую литературу, все у Вас и в дальнейшем обязательно получится. )
как сделал почти 2 месяца назад, так все руки недоходили подправить...
Дело в том, что при такой верстке в IE conten уезжает под footer. Помогает кнопочка обновления.
но вот незадача, если в контент вставить форум, то задолбаешься нажимать обновление, и темболее это как-то неправильно если оно так работает
При такой верстке ни в IE, ни еще где-либо, контент под футер уезжать не может. Так как для блока контент стоит нижний паддинг, равный высоте футера. При этом совершенно не важно – что именно содержит блок content (форум или еще что-нибудь там...) Если у Вас что-то работает не так – значит Вы где-то допустили ошибку...