Juergen Frank: Tabellen und absolute Plazierung

Hallo !!

Ich versuche ein div-Element in eine Tabellenzelle fest zu positionieren. Also die Tabellenzelle hat
eine Grösse von 800x600 pixel. Nun will ich drei
div-Elemente in diese Zelle legen.
(via position:absolute; und top/left usw.)

<td id="container">
<div id="left">blaka</div>
<div id="center">blabal</div>
<div id="right">blabla</div>
<td>

Im Sytlesheet sind natuertlich left,center und right definiert.

.container
{position:absolute;top:10px;left:10px;width:800px;}

.left{position:absolute;top:10px;left:10px;width:300px;}

.center{position:absolute;top:10px;left:320px;width:45px;}

.right{position:absolute;top:10px;left:380px;width:300px;}

Nur leider gelingt es mir nicht. Ich glaube ich verstehe da etwas falsch.

Was ist nun das Elternelement, auf das sich die absolute Positionierung bezieht ??? Ich dachte <td> ..
aber es geht nicht, es scheint immer es wird alles auf das body-tag bezogen. Getestet mit IE6

  1. Hi Juergen,

    Was ist nun das Elternelement, auf das sich die absolute Positionierung bezieht

    das übergeordnete positionierte Element.

    aber es geht nicht, es scheint immer es wird alles auf das body-tag bezogen. Getestet mit IE6

    Positioniere die Tabelle. Ich verstehe allerdings nicht, wozu du hier eine benötigst.

    Grüße,
     Roland