Как расположить подвал (footer) страницы в самом низу экрана (если тело пустое) и растянуть ровно по ширине экрана? Можно какой-нибудь пример.
Заранее благодарен.
Спустя 46 минут, 4 секунды (10.03.2011 - 17:55) SerginhoLD написал(а):
примерно так
#footer
{
width:100%; position: absolute; bottom:0;
}
Спустя 3 часа, 37 минут, 47 секунд (10.03.2011 - 21:32) Gerero написал(а):
Если на примере верстки типо основной контейнер и контейнер з футером отдельно:
Стили будуть выглядеть примерно так:
Самый примитивный вариант, впринцыпе почти универсальный(работает если тело пустое или больше высоты страницы) для даного типа проблемы.
Хотя к PHP тут отношения нету)
<div id="container">
<div id="header">Header info here...</div>
<div id="menu">Menu links here...</div>
<div id="content">Content here..</div>
</div>
<div id="footer">Footer here..</div>
Стили будуть выглядеть примерно так:
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
div#container {
width: 800px;
margin: 0 auto;
min-height: 95%
}
div#header {
width: 798px;
border: 1px solid #900;
}
div#menu {
width: 200px;
border: 1px solid #00F;
float: left;
}
div#content {
width: 596px;
border: 1px solid #6F0;
position: relative;
left: 202px;
}
div#footer {
clear: both;
width: 800px;
margin: 0 auto;
height: 5%;
}
Самый примитивный вариант, впринцыпе почти универсальный(работает если тело пустое или больше высоты страницы) для даного типа проблемы.
Хотя к PHP тут отношения нету)
Спустя 17 минут, 20 секунд (10.03.2011 - 21:50) gaserge написал(а):
в свое время изучения div - мне эта статья очень помогла:
http://ktonanovenkogo.ru/html/div-verstka-...a-na-divax.html
(это не реклама!)
http://ktonanovenkogo.ru/html/div-verstka-...a-na-divax.html
(это не реклама!)