CSS 100% Высота Div

Question

Я создаю веб-сайт http://nebkat.com/beta/index.php и есть серый фон и белый фон для контента (смотрите сами). Проблема в том, что я не могу установить белую часть на 100% высоты. Он остается только до заголовка (Добро пожаловать ...) и затем останавливается.

Answer 1

Высота, указанная в%, не будет учитываться браузером (редактировать: я имею в виду, что они не будут работать так, как вы ожидаете).

Вам нужен очищающий div внутри вашего <div id="container"> div. Вот где вы должны его разместить:

<div id="container">
    <div id="logo">...</div>
    <div id="menu">...</div>
    <div id="content">...</div>
    <!-- HERE -->
    <div style="clear: both;"></div>
</div>

Answer 2

установите высоту вашего #container div равным 100%, это должно решить проблему (по крайней мере, в Firefox 3.6).

Вам действительно нужно установить инструмент, подобный Firebug для Firefox, вы можете использовать его для «живого» изменения свойств CSS на веб-сайтах. это позволяет легко разобраться в подобных вопросах.

Answer 3

этот ответ должен быть обновлен следующим: Сделать div 100% высоты окна браузера

body,html{
    height:100%;
}

#container{
  height:100%
}

Answer 4

укажите высоту как 100% для контейнера div, и это решит вашу проблему.

Answer 5

Ну, вы будете использовать min-height:100%; или min-height:500px.

Это может решить ваше решение.

Answer 6

height: 100% в CSS не работает так, как вы ожидаете.

Мое решение было бы написать простой JavaScript, который измеряет доступную высоту, а затем соответствующим образом устанавливает высоту div.
Это должно быть довольно просто, но если вам понадобится какая-то помощь, я соберу ее для вас.