Karl: float Positionierung - darunterliegende Elemente

Hallo!
Habe ein Problem mit CSS:
Im Beispiel unten wird #div_2 nicht wie gewollt in #div_1 eingebettet, obwohl dies durch die Verschachtelung gegeben sein sollte (liegt an: #div_2 { float: left; } ).

Wie kann ich nun #div_2 in den #div_1 einbetten ohne dass ich einstelle #div_1 { float: left; } ????

Danke für die Hilfe =)

Gruß,
Karl

<html>
<head>
<style type="text/css">
#div_1 {
background-color: #FF0000;
}

#div_2 {
float: left;
}
</style>
</head>

<body>
<div id="div_1">
 <p>Ich bin rot</p>
 <div id="div_2">Ich will in div_1 und einen roten Hintergrund!</div>
</div>
</body>
</html>

  1. Grüße,
    häng hinten dran was mit clear:left;
    MFG
    bleicher

    --
    __________________________-
    Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
    http://www.sexgott-or-not.com/?test=428054
  2. Hi,

    Im Beispiel unten wird #div_2 nicht wie gewollt in #div_1 eingebettet, obwohl dies durch die Verschachtelung gegeben sein sollte

    Doch, wird es - aber *weil* es gefloatet ist, beeinflusst es die Hoehe des auesseren Elements natuerlich nicht.

    Wie kann ich nun #div_2 in den #div_1 einbetten ohne dass ich einstelle #div_1 { float: left; } ????

    Einige moegliche Loesungen fuer dieses "Problem" wurden hier schon zigfach diskutiert:

    • div_1 selbst ebenfalls floaten
    • clearendes Element unterhalb der gefloateten einfuegen.
    • Wunderwaffe overflow abfeuern

    MfG ChrisB

    --
    "The Internet: Technological marvel of marvels - but if you don't know *what* you're lookin' for on the Internet, it is nothing but a time-sucking vortex from hell."