Ulrich Schmidt-Goertz: Probleme mit absoluter Positionierung

Beitrag lesen

Moin zusammen,

ich versuche gerade, mit CSS mehrere div's horizontal nebeneinander auszurichten, und zwar innerhalb eines weiteren div. Das sollte doch eigentlich kein Problem sein. Nach dem Durchlesen des entsprechenden Abschnitts in SelfHTML habe ich also folgendes geschrieben:

<div style="text-align:center; width:750px; height:76px; border:1px solid #CCCCCC;">

<div style="width:534px; height:68px; margin:4px auto 0px auto;">
    <!-- Inhalt des mittleren div's -->
  </div>

<div style="width:70px; height:60px; position:absolute; top:8px; left:5px;">
    <!-- Inhalt des linken div's -->
  </div>

<div style="width:70px; height:60px; position:absolute; top:8px; right:5px;">
    <!-- Inhalt des rechten div's -->
  </div>

</div>

Der mittlere div (der nicht "position:absolute" verwendet) kommt auch genau da an, wo er hinsoll. Die beiden anderen jedoch richten sich nicht an den Grenzen des äußeren div's aus, sondern am body, d.h. sie landen janz weit draußen in den Ecken des Browserfensters! Und ich habe keine Ahnung, woran das liegen könnte, denn in SelfHTML ist ja doch ein Beispiel von genau dieser Sache drin - und das funktioniert...

Ich bin schon richtig gefrustet und hoffe, daß mir hier jemand weiterhelfen kann.

Mit Dank im voraus,
Ulrich