CSS Высота Issue - Контейнер не протянут (без поплавков)

Question

Здесь на две ссылки, которые будут отображать мою проблему: http://www.wontletthisbeatme.com/information.asp

На странице Блог, вы увидите, что содержание и контейнер дивы растягиваться до снизу, даже если контент не требует такого большого пространства. Это помещает нижний колонтитул внизу, и он выглядит отлично. Однако во втором канале информация выходит за пределы точки зрения, а верхние и нижние колонтитулы контейнера не корректируются для размещения дополнительного содержимого.

Это проблема, с которой я столкнулся некоторое время, и до сих пор не понял концепцию. У меня есть высота: 100% размещены на моих элементах html и body, а также на моих контейнерах, но все же остаются неэффективными с нижними колонтитулами в CSS. Я просмотрел множество ссылок в Интернете и предыдущих сообщениях, но, как я уже сказал, не может об этом подумать. Любая помощь будет принята с благодарностью.

Update

Я сделал некоторые настройки на страницах. Теперь, последняя проблема, которую я вижу, связана с информационной страницей, где информация, содержащаяся в содержимом div, фактически не растягивает div вниз. Нет никаких поплавков и нет причин, по которым я могу видеть, что этот div не должен растягиваться с его содержимым. Любой совет?

Answer 1

Моя догадка от не смотря источника на данный момент является дополнительным или отсутствует <div> или </div> тэг был добавлен или удален ...

Answer 2

Это наиболее вероятно, потому что положение footerContainer DIV установлен в абсолютной

Answer 3

Я думаю, это потому, что CSS для footerContainer содержит атрибут «position: absolute;». Удаление этого исправляет проблему для меня.

ОБНОВЛЕНИЕ: Контейнер (т.е. contentContainer) тянется правильно, если удалить атрибут «высота: 100%» от него. Но опять же, я не проанализировал весь макет.

Answer 4

использовать как указано ниже;

.clear{clear:both; display:block; line-height:0%;} 

и использовать .clear в

<div class="clear"></div> 

Answer 5

Вы используете position:absolute на панели колонтитула и панели навигации. Чтобы исправить это, вам нужно прекратить использовать это на обоих, чтобы навигационная панель могла нажимать нижнюю колонтитулу вниз по странице, вместо того, чтобы фиксировать ее.

Answer 6

установить .footerContainer в положение: относительная (или оставить вне позиционную атрибут)

Answer 7

Что вы описали, что вы хотите, звучит очень похоже на проблемы, выраженной в Making a footer not rise above the bottom of the screen without extraneous markup, в котором и сам, и оригинальное Аскер, Джейсон Криста, придумали практичные решения. Ссылка имела особое требование не использовать содержащую div, но я думаю, что концепции из нее должны оказаться полезными в вашем приложении.