div legt sich hinter anderes div

[Laire]

Hallo,

ich habe ein div mit dem Attribut float:left. und daneben ein zweites. Das float left div hat eine feste Breite.

Wenn ich dem anderen div ein Hintergrund gebe sieht man das zwar der text erst nach dem ersten div anfängt aber der Hintergrund zeigt sich hinter das erste div.

CSS

#left{
	float:left;
	width:150px;
}

#content_text{
	text-align: justify;
	background: url(../images/homepage07.gif) repeat-x left top;
}

HTML

<div id="content">
	<div id="left">
		Linker text
	</div>
	<div id="content_text">
<h1>##Page-Titel##</h1><h2>##Page-Untertitel##</h2>' 
		##Text##
	</div>
	<div style="clear:both"></div>
</div>

[h3ll]

Positioniere das Hintergrundbild 150 Pixel weiter nach rechts.

[wahsaga]

Re: div legt sich hinter anderes div

Original geschrieben von Laire
ich habe ein div mit dem Attribut float:left. und daneben ein zweites. Das float left div hat eine feste Breite.

Wenn ich dem anderen div ein Hintergrund gebe sieht man das zwar der text erst nach dem ersten div anfängt aber der Hintergrund zeigt sich hinter das erste div.

Works as designed.
Die Inhalte des zweiten Divs fliessen neben das gefloatete Element, es selber aber nicht.

Du kannst dem zweiten Div aber auch ein entsprechendes Margin geben; oder mit overflow arbeiten, damit es einen eigenen block formatting context erzeugt.