<style type="text/css">
#mainBlock{
padding-bottom:100px; /*что бы контент не налазил*/
position:relative;
border: 1px solid red;
height: 100%;
}
#footer{
bottom:0; left:0;
height:100px; width: 100%;
Position: absolute;
border: 1px dotted black;
}
</style>
<div id="mainBlock">
<div id="footer"></div>
</div>
низ в блочной верстке
Вот пришла и моя очередь просить совета :)
Дано:
1. блочная верстка.
2. основной блок 100% по высоте.
3. "подвал".
задача:
привязать "подвал" к низу основного блока (НЕ окна пользователя).
Проблема:
у меня уходит по 2-3 часа плясок с бубном, чтобы корректно было в ИЕ/Опера/ФФ и низ входил бы в основной блок.
Подскажите, о великие гуру верстки, как безболезненно это делать?
Дано:
1. блочная верстка.
2. основной блок 100% по высоте.
3. "подвал".
задача:
привязать "подвал" к низу основного блока (НЕ окна пользователя).
Проблема:
у меня уходит по 2-3 часа плясок с бубном, чтобы корректно было в ИЕ/Опера/ФФ и низ входил бы в основной блок.
Подскажите, о великие гуру верстки, как безболезненно это делать?
<style type="text/css">
#mainBlock{
padding-bottom:100px; /*что бы контент не налазил*/
position:relative;
}
#footer{
bottom:0; left:0;
height:100px;
}
</style>
<div id="mainBlock">
<div id="footer"></div>
</div>
Или я чет не так понял?
#mainBlock{
padding-bottom:100px; /*что бы контент не налазил*/
position:relative;
}
#footer{
bottom:0; left:0;
height:100px;
}
</style>
<div id="mainBlock">
<div id="footer"></div>
</div>
Или я чет не так понял?
Цитата: Franky
Вот пришла и моя очередь просить совета :)
задача:
привязать "подвал" к низу основного блока (НЕ окна пользователя).
задача:
привязать "подвал" к низу основного блока (НЕ окна пользователя).
В нормальном потоке такая "привязка" получается автоматически. Так что просто используй нормальный поток между основым блоком и подвалом.
Спасибо. Пример изначально нерабочий, модифицировал, добавил границы для наглядности, может кому пригодится:
Код:
Конечно не рабочий ) Пример исходил из начальных данных и показывал лиш идею ))