| |
|
|
| | Делаю так:
<html>
<head>
<style type="text/css">
body, html {height: 100%; margin: 0; padding: 0;}
#wrapper {min-height: 100%; height: auto !important; height: 100%;}
#footer {margin-top: -60px; height: 60px;}
#empty {height: 60px;}
</style>
</head>
<body>
<div id="wrapper">
wrapper
<div id="empty"></div>
</div>
<div id="footer">footer</div>
</body>
</html>
|
При уменьшении окна Оперы по высоте footer прижимается к низу окна,
а при увеличении высоты окна footer поднимается вверх.
Что-то делаю не так, или моя Опера (ver 11.61) сломана, или все Оперы ведут себя так? | |
| |
|
|
| |
|
|
| |
для: Yuriev
(09.03.2012 в 21:23)
| | | Все работает идеально, сейчас проверил.. Может быть, поднимается вверх из-за того, что при увеличении окна стандартные 60px высоты твоего футера становятся больше (визуально, но фактические 60px так и остается). Соответственно, когда ты уменьшает масштаб где-то до 20%, твои 60px реально похожи на 5 | |
| |
|
|
| |
|
|
| |
для: Tonik992
(10.03.2012 в 00:09)
| | | Проверяйте лучше.
1. Откройте браузер Opera
2. Уменьшите окно браузера ~~ вполовину по ширине и высоте
3. Поместите окно браузера в левую верхнюю четверть экрана
4. Откройте в браузере упомянутый файл
5. Убедитесь, что футер внизу.
6. Потяните мышкой нижнюю границу окна браузера вниз, увеличивая таким образом высоту окна.
7. Убедитесь, что футер за нижней границей следовать не будет.
------
Причин нежелательной работы объяснять не буду.
Для человека, который пишет в CSS #wrapper {min-height: 100%; height: auto !important; height: 100%;} что-либо объяснять БЕСПОЛЕЗНО. | |
| |
|
|
| |
|
|
| |
для: ЯСА
(10.03.2012 в 00:25)
| | | Вопрос к модераторам.
Что, на этом форуме можно хамить? | |
| |
|
|
