CSS-Problem (hintergrund) bitte hilfe

[Morpheus]

Hallo,
bin auf ein css problem gestossen. Wahrscheinlich bin ich jedoch einfach zu blöd.
wär nett wenn jemand kurzfristig helfen könnte.

habe im grunde eine divbox, die einen weissen hintergrund hat bzw haben soll.
in diese box werd je nach situation verschiedene inhalt per php geladen.

konkret werden in meinem fall zwei gefloatete divelemente geladen, die logischerweise andere hintergrundfarben haben teilweise um ein zweispaltiges layout zu erreichen.

es entsteht also das folgende konstrukt:

<div>

<div></div>
<div></div>

</div>

das problem:

die "geladenen divs" soleln nicht die ganze fläche ausfüllen.
leider verschwindet daruch aber die weise hintergrundfarbe der umschliessenden divs.

was zum henker mache ich falsch?+phpbb_sad


Edit (autom. Beitragszusammenführung):

hier nochmal der code in der hundertsten variation.

 
		
 
<div class="content">

<div class="layoutleft">
		LINKS
</div>

		
<div class="layoutright">
	RECHTS
				 
</div>


</div>

css:

div.content {	           width:800px;
                              height:100%;
				background-color:white;
}


/*Startseite*/
div.layoutleft  {   float:left;					
			width:470px; 
			height:100%; 
				
					
}
div.layoutright {   float:left;										
			width:330px;					 
			 height:100%;					
					
								
}

PS DER IE7 stellt es nun richtig dar, der FF nicht

so soll es prinzipiell aussehen:

[dhx]

AW: CSS-Problem (hintergrund) bitte hilfe

Mahlzeit!

Füge mal folgendes (Fettschrift) in deinen HTML-Part ein:

<div class="content">
<div class="layoutleft">LINKS</div>
<div class="layoutright">RECHTS</div>

[B]<div style="clear:left;">&nbsp;</div> [/B]  

</div>

Dann sollte der Hintergrund eigentlich wieder zu sehen sein.

[Morpheus]

AW: CSS-Problem (hintergrund) bitte hilfe

thx das wars ^^
das war der fehler^^

by the way..

könntest du den fehler evtl. erklären? damit ich den zukünftig vermeiden kann?
wär nett..

ist mir klar, dass es am umfluss liegt... aber was genau macht ff oder ich falsch?

[dhx]

AW: CSS-Problem (hintergrund) bitte hilfe

Mahlzeit!

Na du hast die beiden Container (layoutleft und layoutright)
aus dem Textfluss herausgenommen und der Hauptcontainer
hat keine Höhe bzw. keinen Inhalt.
Deshalb ragen diese beiden Container raus bzw. der Hauptcontainer
wird mit einer Höhe von Null Pixel angezeigt.

[Morpheus]

AW: CSS-Problem (hintergrund) bitte hilfe

hm... macht Sinn.
Danke^^