nach Float kein Hintergrund mehr...

[TrojAnboYy]

hallo alle zusammen,
diesmal hab ich mal wieder ein problem HTML bzw. CSS und ich hoffe das ihr mir diesmal wieder helfen könnt.
ich will nicht lange drum herum reden...

ich wollte ein Box mit abgerundeten ecken für den inhalt erstellen
dafür hab ich die box in 3 teile gegliedert die auch jeweils einen eigen div bereich haben.
nun wollt ich in die mitte ein 2 spalten layout machen was auch soweit ganz gut geklappt hat auser das sich der hintergrunde des übergeordneten Div's nicht mit bewegt...

<- hier könnt ihr das Problem sehen

Der HTML code...

<div id="main">
    <div id="bg_oben"></div> <!--obererteil der Box-->

    <div id="tob-bar"></div> <!--die will uns nicht weiter stören-->
    
    <div id="bg_main">
        <div id="left"></div>
            <div id="right"></div>
    </div>

    <div id="bg_unten"></div> <!--untererteil der Box-->
</div>

...und die CSS codes

#main {
    margin: 0px auto 0px auto;
    width:990px;
}


#bg_oben {
    height:45px;
    background-image:url(images/main/bg_oben.jpg);
    background-repeat:no-repeat;
}

#bg_main {
    background-image:url(images/main/bg.jpg);
}

#left {
    width:475px;
    float:left;
    padding-left: 20px;
}

#right {
    width:475px;
    float:right;
    padding-right:20px;
}

#bg_unten {
    height:45px;
    background-image:url(images/main/bg_unten.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    clear:both;
}

ich bedanke mich schonmal in vorraus für alle antworten

Gruß Tobias/TrojAnboYy

 

[cebito]

AW: nach Float kein Hintergrund mehr...

Wer floatet muss auch clearen... :uhm: clear: Umfließen von Elementen beenden: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets also, nach dem div right irgendwas mit clear:both; und alles wird gut

 

[zutrinken]

AW: nach Float kein Hintergrund mehr...

du brauchst innerhalb #bg_main noch ein leeres div am ende mit der eigenschaft clear: both;

...ausserdem würd ich auf css3 setzen und keine grafiken...aber das ist ein anderes thema

 

[TrojAnboYy]

AW: nach Float kein Hintergrund mehr...

dankeschön =)
hab gedacht es reicht wenn ich in bg_unten -> clear:both setze

 

[psdkdts]

AW: nach Float kein Hintergrund mehr...

Wer floatet muss auch clearen... :uhm: clear: Umfließen von Elementen beenden: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets also, nach dem div right irgendwas mit clear:both; und alles wird gut

Entweder direkt in der CSS-Datei oder

<div id="bg_main">
        <div id="left"></div>
        <div id="right"></div>
        [COLOR="Indigo"]<div style="clear:both;"></div>[/COLOR]
</div>

oder den Claer-Container unmittelbar nach dem bg_main-Container platzieren...