Почему мой фон не растянулся за контентом

Question

Не удается растянуть фон за контентом. Странно то, что он работает с Internet Explorer, но не с Firefox.

Я надеюсь, что этого достаточно, чтобы дать вам ссылку, поскольку я не знаю, в чем проблема в коде, не имеет большого смысла размещать весь код здесь.

http://www.yiip.de/arbeit/testlayout/standard_template.html

Answer 1

Вы также можете добавить overflow:hidden; к #shadow. Это очистит поплавки, не добавляя дополнительную разметку в ваш HTML.

Answer 2

попробуйте добавить следующий стиль 'clearfix' в свои оболочки

.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
}
.clearfix {display:block;}

Answer 3

Вам нужно очистить 3 всплывающих элемента, чтобы содержащийся элемент расширялся вертикально вокруг них. Самый простой способ сделать это - добавить

<br clear='both' />

после третьего плавающего div (но внутри контейнера div).