Juergen Frank: Tabellen und absolute Plazierung

Beitrag lesen

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