[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Расположение подвала
PsyTech
Всем привет.
Как расположить подвал (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 написал(а):
Если на примере верстки типо основной контейнер и контейнер з футером отдельно:

<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

(это не реклама!)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.