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