✔ Problem mit gefloateteten DIVs

[Perl-Neuling]

Ich hab ein Problem mit DIVs:

<div id="content">
  <div id="menü">
    <ul><li>Test</li><li>Test</li></ul>
  </div>
  <div id="text">
    Text
  </div>
</div>

CSS:
#menü {
float:left;
width: 200px;
}

#text {
width: 600px;
}


Nun soll der DIV "content" mitwachsen von der Höhe
wenn z.B. ein weiterer Listenpunkt hinzugefügt wird...

 

[Maik]

Hi,

die Floatumgebung muß zum Abschluß mittels der clear-Eigenschaft wieder aufgehoben (gecleart) werden, um im Dokument wieder den normalen Textfluß herzustellen, und damit die Box #content sie in der vollen Höhe umschliesst - siehe hierzu meinen Webmaster-FAQ-Artikel CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?.

mfg Maik

 

[Perl-Neuling]

Vielen Dank !
Ich musste nun zwar den eigentlichen Code teilweise ziemlich überarbeiten,
aber nun klappt alles so wie gewünscht; danke nochmal!


MFG

 

[Maik]

Bei mir reicht es in dem vorgestellten Modell vollkommen aus, die relevante Klasse .clearfix aus dem empfohlenen Artikel im DIV #content aufzurufen

<div id="content" class="clearfix"> ... </div>

mfg Maik