Друзья, помогите сверстать страничку,
думаю, это займет пару минут, я читаю книжку но пока что не нашел, что мне нужно.
описание:
страница должна занимать 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 (форум или еще что-нибудь там...) Если у Вас что-то работает не так – значит Вы где-то допустили ошибку...
Ваши права
