Проблемы в ривер-сити с CSS

Question

Хорошо, вот сайт:

http://danberinger.com/

Если вы просмотрите исходный код для HTML и CSS, вы можете увидеть, что я установил высоту div в середине на 100% и присвоил ему значение свойства переполнения hidden, оно называется "main_content".Я понял, что значение высоты не влияет на то, что отображается, значение переполнения hidden позволяет цвету фона main_content div распространяться вплоть до нижнего колонтитула.Наверное, мне интересно, какой наилучший способ для меня добиться переменной высоты div на каждой странице или "main_content" при сохранении цвета фона.Правильно ли я это делаю или я использую какой-то css-хак, который не подходит для этого.Любая проницательность приветствуется.Обязательно взгляните на исходный HTML и CSS, прежде чем давать мне ответ.

Answer 1

Самым простым решением было бы присвоить цвет фона вашему body элемент.Что- то вроде этого:

body {
 margin: 0;
 padding: 0;
 width:100%;
 height:100%;
 background-color:#cccccc;
}

Это также устранит белую рамку в несколько пикселей по краям, если вы хотите сохранить ее, уберите margin и padding заявления.

Answer 2

Возможно, я неправильно понял, чего вы хотите, но попробуйте это:

Замените div#intro_container на:

div#intro_container {
width:830px;
margin:auto;
overflow: hidden;
background-color:#333333;
}

И удалите свойство height из div#messagebox.

Answer 3

Я предпочитаю поступать таким образом:

В содержимом div 'main-content' добавьте

В вашем случае это было

<div id="main_content">
    <div id="navigation">..</div>
    <div id="intro_container">..</div>
</div>

Это может быть переписано как

<div id="main_content">
    <div id="navigation">..</div>
    <div id="intro_container">..</div>
    <div style="clear:both"></div>
</div>

AFAIK Это стандартный способ достичь того, что вы делаете.