Axel Richter: Background-Problem bei Div

Beitrag lesen

Hallo,

Problem: im Firefox wird in Content und in der rechten Spalte kein Hintergrundbild angezeigt, beim Internet Explorer wird der Hintergrund angezeigt.

Ja, die gerenderte Höhe des DIV#container ist so hoch wie DIV#pageHeader. Du gibst zwar 100% vor, diese beziehen sich aber auf die Höhe von BODY und diese auf die Höhe von HTML, welche nicht definiert sind. Alle Elemente, außer DIV#pageHeader, sind per float aus dem Elementfluss genommen, so dass sie die Höhe des sie umgebenden Elements nicht beeinflussen.

#footer{

...

float: left;

...

}

Wozu das float:left im DIV#footer gut sein? Nimm das mal raus und setze dort stattdessen clear:both hin. Damit zwingst Du das DIV#footer dazu, sich nicht mehr an vorherigen floats zu orientieren und damit auch den Elementfluss wiederherzustellen.

viele Grüße

Axel