DIV-Bereich mit Hintergrundfarbe versehen in NS/Mozilla

[chuwaka]

Hallo,

ich habe ein Problem mit dem Zuweisen einer Hintergrundfarbe für einen DIV-Bereich in NS/Mozilla. Im IE und Opera funktioniert alles...

Hier mein Style-Sheet:

#container{
 width: 760px;
 background-color: #F9F7EB;
 margin-top: 0px;
 border: 1px solid #9999BB;
 text-align: center;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height: 120%;
}

#menu{
 width: 160px;
 background-color: #F9F7EB;
 margin-top: 30px;
 margin-right: 3px;
 float: left;
 text-align: left;
 color: Navy;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

#content{
 width: 480px;
 background-color: #FAF6EB;
 margin: 30px;
 padding: 10px;
 float: left;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height: 120%;
 background-repeat: repeat;
}

Und hier der HTML-Code:

<div id="container">

<div id="menu">
<p>Menü</p>
</div>

<div id="content">
<p>Content</p>
</div>

</div>

Bin kurz vorm Verzweifeln, weil ich das nicht hinbekomme... Beim IE/Opera erscheint das Menü links, der Content rechts und alles ist mit der Hintergrundfarbe hinterlegt.

Bei NS/Mozilla ist nur der Menü- und der Content-Block farbig hinterlegt, dazwischen erscheint die Hintergrundfarbe der Seite. Es wird also nur die Farbangabe des umschließenden Container-Blocks ignoriert.

Man muss doch NS/Mozilla auch irgendwie dazu "überreden" können, den Container-Block mit einer Hintergrundfarbe zu versehen...?!

Vielen Dank schonmal!

Gruß chuwaka

[wahsaga]

hi,

dein container hat keine eigene höhe, weil du in ihm lediglich gefloatete elemente drin hast. diese beeinflussen aber bekanntlich die höhe ihres elternelementes _nicht_, weil sie durch float eben aus dem normalen elementfluss gerausgehoben wurden.

dein container-div hat also schlicht gar keine höhe, und deshalb wird auch seine hintergrundfarbe nicht "angezeigt".

füge mal unter dem content-div, aber noch innerhalb des containers, ein
<br style="clear:both;" />
ein, das sollte helfen.

gruss,
wahsaga

[chuwaka]

<br style="clear:both;" />

Vielen Dank!!!!! Das hat geholfen...!!! :-))

[e7]

Hi,

<div id="container">

<div id="menu">
<p>Menü</p>
</div>

<div id="content">
<p>Content</p>
</div>

</div>

in meinen Augen ist das relativ sinnlos - nehm halt anstatt <div id="x"><p> einfach <p id="x">...

E7