Div nebeneinander - Haupt-Div soll sich anpassen

[Pot]

Hallo

Folgender XHTML Code:

  
<div id="middle">  
  <div id="content">  
    inhalt  
  </div>  
  
  <div id="advertisement">  
    werbung  
</div>  

Wie schaffe ich es nun, dass der div advertisement am rechten Rand klebt, der "content" div am linken Rand klebt, und der Text des "content" automatisch umbricht, wenn er den div "advertisement" berührt. Mache ich das normal mit float:left und float:right, so schiebt sich der advertisement-div nach unten, sobald der Text von "content" zu gross wird.

http://servoo.hopto.org:8000/home/

Hier ist mein aktueller Stand des Pröbelns :-P. Da sind die zwei divs so angeordnet, wie ich wollte, allerdings bleibt das "middle" div zu klein, und vergrössert sich nicht.

Weiss da jemand eine Antwort?

Freundliche Grüsse
Pot

[Mathetyp]

hallo

du hast das werbungsdiv nicht geschlossen.

ich denke so müsste es klappen:

  
    #advertisement {  
      position: absolute;  
      top: 5em;  
      right: 1em;  
      width: 10em;  
    }  
  
    #content {  
      margin-right: 12em;  
    }  

du positionierst die werbung rechts absolute. somit hat sie keinen einfluss auf den rest. und für den inhalt definierst du einen rechten abstand.

MfG Mathetyp