Вер
9
Як прибити футер до низу сторінки?
категорія: css
Сьогодні зіткнувся з проблемою розташування футера.
Задача полягала в тому щоб виставити відповідний блок внизу вікна.
Багато переглянув прикладів з position: absolute, але це все не те.
Вихід знайшов, причому, як завжди, надзвичайно простий.
Ось приклад html-коду:
<html>
<head>
<title>footer panel</title>
<style>
.header { height: 50px; border:dotted 1px silver;}
.content { height: 100px; border:dotted 1px blue;}
.footer { height: 30px; border:dotted 1px black; width: 100%; position: fixed; bottom: 0;}
</style>
</head>
<body>
<div>header</div>
<div>content</div>
<div>footer</div>
</body>
</html>В результаті, футер буде постійно знизу.
| Share | В Мой Мир |
Во первых он так будет перекрывать низ страницы.
Во вторых это не работает в ослике
№402 - 23 Вер 2009 о 22:36
Neolord
Так, перекривати буде, для цього можна контент частину підняти на n px.
А щодо ослика… IE MUST DIE!!!
№403 - 24 Вер 2009 о 15:14
admin
звичайно ж всім хочеться смерті ІЕ, але статистику каже, що користувачів з цим браузером не мало, ось один з прикладів на сайті Тьоми artlebedev.ru/tools/browsers
№412 - 22 Жов 2009 о 09:13
asher
Мені більше подобається ця статистика w3schools.com/browsers/browsers_stats.asp
№413 - 22 Жов 2009 о 14:13
admin