Комментарии 26
Уведите, пожалуйста, код под хабракат. Спасибо
opera 9.51 - не работает...
и, если я не ошибаюсь, сафари тоже кушает хак html* , т.е. с таким количеством текста, как у вас, всё будет нормально, но при переполнении блока - не знаю даже, что получится в сафари... для ие6 пользую подчерк, для ие7 - *+html (ие8, правда, его тоже кушает), это если хак один-два, если много - лучше в отдельный стиль...
Изменил хак, см. UPD
min-height: 100%; height: auto; _height: 100%;
в данном случае можно вообще без хака обойтись:
height: auto !important; height: 100%; min-height: 100%;
в данном случае можно вообще без хака обойтись:
height: auto !important; height: 100%; min-height: 100%;
ИЕ6 не воспринимает !important?
(вношу очередное изменение, спасибо!)
(вношу очередное изменение, спасибо!)
ну, как вам сказать? :) я не гуру в ие6, но таким способом всегда указываю высоту body , когда мне нужна высота боди не менее 100% во всех браузерах... ослик доволен, остальные браузеры - тоже :)
воспринимает.
только нужно писать через пробел:
height: 100px ! important;
только нужно писать через пробел:
height: 100px ! important;
Странная вещь - при ресайзе окна в этой опере футер встает на свое место, а после F5 опять всё криво... Глюк браузера?
Уточню - при горизонтальном ресайзе окна всё встает на свои места, а при вертикальном - нет...
скорее всего... я хоть и поклонник оперы, но должен признать, что 9.5, 9.51 получились глюкавыми... яваскрипт работает ещё кривее в некоторых местах + даже родные плагины кривовато работают... но факт остаётся фактом - не я один обновился до этой версии...
:) смотрю, не я один скриншоты на браузершотсе запросил ? ;) http://browsershots.org/http://e1.nnov.r…
Кто-нибудь знает, почему тэг доктайпа в моем примере не отображается? :(
у вас доктайп написан маленькими буквами, а надо большими
http://www.w3.org/TR/xhtml11/xhtml11_dtd…
http://www.w3.org/TR/xhtml11/xhtml11_dtd…
Да Вы, уважаемый, плохо гуглили. Работает везде, начиная с 6го Эксплорера. Если мне не изменяет память, то и в 5.5 тоже работает
CSS:
HTML:
CSS:
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#all { /* all content must be wrap in <div id="all"></div> */
position: relative;
height: 100%;
min-height: 100%;
}
html>body #all {
height: auto;
}
#footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
#footer, #empty {
height: 50px;
}
HTML:
<body>
<div id="all">
<div class="content">
Some content
</div>
<div id="empty"></div>
<div id="footer">
This is content of footer path
</div>
</div>
</body>
Я, уважаемый, вообще не гуглил :) О чём и написал в скобочках во втором предложении своего поста.
Кстати, предложенный Вами способ тоже нехорошо ведёт себя в Opera 9.51
А ещё в этом нагугленном способе наблюдается CSS-хак, а вот в моем совместными усилиями с
set
Кстати, предложенный Вами способ тоже нехорошо ведёт себя в Opera 9.51
А ещё в этом нагугленном способе наблюдается CSS-хак, а вот в моем совместными усилиями с
set
Мне данный пример, помог сделать %post_title% на уже готовом сложном шаблоне. Достаточно просто и быстро. Работает во всех современных браузерах, что и требовалось т.к. сайт фактически функциональный прототип.
Однозначно "+" и «Спасибо!»
Однозначно "+" и «Спасибо!»
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
DIV-ная верстка, footer прижат