[HTML/CSS] "Normalen Textfluss" erzwingen

[alcaeus]

Hallo,

nehmen wir an, ich haette folgenden HTML-Code:

Code:

<div id="content">
  <div id="navigation">foobar</div>
  <div id="text">Hier steht viel Text[...]</div>
</div>

<div id="footer">Hier steht noch was...blablabla</div>

mit folgendem CSS:

Code:

#navigation {
  position:absolute;
  left:2em;
  width:20em;
}
#text {
  position:absolute;
  left:23em;
  right:2em;
  padding:1em;
}

#footer {
  padding:1em;
  font-size:0.7em;
}

Das content-div wird ja aus dem normalen Textfluss rausgenommen, da es absolut positioniert ist. Das hat zur Folge, dass das footer-div hinter dem Content landet, anstatt darunter. Kann ich das footer-div dazu zwingen, unter #content zu erscheinen, wenn ich die Hoehe des content-divs nicht kenne (Hoehe ist variabel), und ohne auf JavaScript zurueckzugreifen?

Der Grund warum ich es so mache ist, weil bei Floating divs (normalerweise koennte ich ja #navigation links floaten lassen) manchmal #text umgebrochen wird, wenn z.B. ueberbreiter Content enthalten ist. Dass das suboptimal ist koennt ihr euch ja vorstellen *g*

Hat jemand einen Tipp?

Greetz
alcaeus