CSS: frag zu boxen

[sh1t0R]

Hallo!

ich habe bei einer page fuer den content ein div und darin sind zwei weitere div's.
damit ihr euch das vorstellen koennt so der code:

CODE <div id="content">
<div id="leftBox">
<h2>Content</h2>
<p>
Beispiel
</p>
</div>

<div id="rightBox">
shoutbox
</div>
</div>


im css habe ich dann das so gemacht:


CODE #content {
background-image: url(back2.gif);
background-repeat: no-repeat;
background-color: white;
background-position: bottom;
text-align: left;
width: 600px;
margin: 0 auto;
padding-bottom: 60px;
}

#leftBox {
float: left;
border: 1px black solid;
width: 405px;
}

#rightBox {
text-align: left;
border: 1px black solid;
width: 190px;
margin: 0 auto;
float: right;
}


wollte jetzt fragen warum das hintergrundbild des "content" divs nicht sich den anderen zwei inneren divs anpasst.
d.h. der footer sollte ja eigentlich immer unten sein und zwischendurch weisse hintergrundfarbe.

Hier habt ihr das in einer seite: bsp

PS: wenn jmd noch weiss warum es zwischen div content und menu einen abstand hat, waer ich froh wenn ich weiss warum

 

[sh1t0R]

ich habe jetzt bei #content noch CODE position: absolute;
gemacht.

IE und netscape machen es richtig, aber firefox kans irgendwie nicht uebersetzen...oder mache ich was falsch?

 

[Jörg Kruse]

Nach float:left und float:right musst du anschließend nochmal clearen

CODE
<div id="content">
<div id="leftBox">
<h2>Content</h2>
<p>
Beispiel
</p>
</div>

<div id="rightBox">
shoutbox
</div>

<div id="clear"></div>

</div>



und:


CODE
#clear {
clear:both;
}

 

[sh1t0R]

BOAH dankE!!

ich war schon am verzweifeln.
nochmals vielen dank joerg