Comments 21
Интересное решение, спасибо.
Сам я обычно пользуюсь другим методом.
Сам я обычно пользуюсь другим методом.
Интересно, как оно будет работать, если у враппера есть повторяющееся по вертикали фоновое изображение.
В ряде браузеров при наличии такой картинки фоновое изображение отображается только на 100% высоту окна. Так что если страница длинная, появляется этот глюк.
В ряде браузеров при наличии такой картинки фоновое изображение отображается только на 100% высоту окна. Так что если страница длинная, появляется этот глюк.
О, не знал, что этой поблеме посвящен отдельный сайт с решением :) Спасибо, в закладки добавил, а то каждый раз приходилось гуглить (:
Эх… XXI век, в то время, как космические корабли бороздят просторы вселенной, верстальщики все-также мучаются с хаками под разные броузеры…
Извините, вспомнилось что-то…
Извините, вспомнилось что-то…
Хаха! В IE8 при вертикальном ресайзе не рефловица, ещё пилить : )
В очередной раз открыли Америку…
Хотя автор CSS Sticky Footer молодец, я бы не смог проверить верстку в 50 браузерах и додуматься до такого извращенного фикса для Opera. А вот смысл хака для IE8 мне не до конца понятен. Кто-нибудь объяснит?
Хотя автор CSS Sticky Footer молодец, я бы не смог проверить верстку в 50 браузерах и додуматься до такого извращенного фикса для Opera. А вот смысл хака для IE8 мне не до конца понятен. Кто-нибудь объяснит?
я такой вариант юзаю:
люблю чтоб было строго ясно и логично.
прибивание подвала — это позиционирование, так давайте юзать position.
<!DOCTYPE>
<html lang="en-us">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
html {height: 100%;}
body {margin: 0 auto; padding: 0 30px; position: relative; min-height: 100%; _height: 100%; width: 900px;}
#content {padding-bottom: 120px;}
#bottom {position: absolute; bottom: 0px; left: 30px; height: 120px; width: 900px;}
/*]]>*/
</style>
</head>
<body>
<div id="content">
It's content
</div>
<div id="bottom">
It's footer
</div>
</body>
</html>люблю чтоб было строго ясно и логично.
прибивание подвала — это позиционирование, так давайте юзать position.
Этот вариант глючит в IE7-, если #content что-то будет меняться через JS (динамически меняться высота), в этом случае футер будет висеть в том же месте, а не прибитым к низу. Вариант из поста очень хороший, но IE8 снова подложил свинью.
баг со сменой высоты, я решал делая reflow: в самом конце выполнения js-функции, которая что-то меняет дописывал что-то типа
$bottom.style.zoom=1; (или position=relative, или background-color / много разных безобидных свойств вызывают перерисовку) с паузой в пол-секунды.
да лучше пусть уж в ie6 глючит чем в нормальных браузерах, тем более под них хаки писать)
через год-два забудем что такое ie6 на большинстве проектов.
$bottom.style.zoom=1; (или position=relative, или background-color / много разных безобидных свойств вызывают перерисовку) с паузой в пол-секунды.
да лучше пусть уж в ie6 глючит чем в нормальных браузерах, тем более под них хаки писать)
через год-два забудем что такое ie6 на большинстве проектов.
Я скажу проще — кого так параноедально беспокоет не дать скрпитам отследить где он был — всегда может отключить JS в том же FF есть замечательный «noscript», или поставить 0 память для посещенных адресов, но кастрировать функционал, причем так нелепо — это просто непрофессионально!!!
Sign up to leave a comment.
CSS Sticky Footer — новая версия