Мне интересно, как я могу получить нижний колонтитул, чтобы оставаться внизу, когда содержимого недостаточно.Как оставить нижний колонтитул в нижней части страницы
Если я использую это для CSS position:absolute; bottom:0;
Проблема заключается в том, если есть более чем достаточно содержания в колонтитуле поплавки и накладки содержания.
Спасибо.
Вам нужно определить position: fixed; bottom: 0; width: 100%;
, но дело в том, что я не хочу, чтобы нижний колонтитул был исправлен. Я просто хочу, чтобы он был приклеен к нижней части страницы. Спасибо. – ipman
Вы определили ширину? после позиции: абсолютный –
Ваша структура должна выглядеть следующим образом:
<body>
<section id="wrap><!-- This has header, etc --></section>
<footer></footer>
</body>
затем CSS (где 50px высота вашего колонтитула, просто заменить, что):
html, body { height: 100%; }
#wrap {
min-height: 100%;
padding-bottom: 50px;
}
footer {
height: 50px;
margin-top: -50px;
}
http://www.cssstickyfooter.com/ должно быть тем, что вы ищете.
Это вы что искали? http://ryanfait.com/sticky-footer/ Нижний колонтитул подходит к нижней части окна, если содержимое не выталкивает его из нижней части окна. – HJ05
Я попробовал, но я не могу заставить его работать. У меня есть следующий код 'html, body { высота: 100%; } .zone-content-wrapper { min-height: 100%; высота: авто! Важное; высота: 100%; margin: 0 auto -4em; } .section-footer, .push { \t высота: 4em; } ' – ipman