nicht angemeldet
Hi!
verwendeter Webbrowser : Mozilla 1.7.3
Wenn ich im Stylesheet die Positionierung einer Tabellenzelle auf "relative" setze und dann innerhalb der Zelle ein absolut positioniertes div habe, wird dieses div-Element absolut vom oberen linken Rand der Seite positioniert:
<table style="position:relative;top:10px;margin:0 auto;width:200px;border:1px solid red;">
<tr>
<td style="position:relative;top:0px;left:0px;height:200px;padding:0px;">
<div style="position:absolute;background: blue;top:10px;left:10px;width:50px;height:50px;"></div>
</td>
</tr>
</table>
Wenn ich statt der Tabellenzelle ein weiteres <div>-Element verwende, wird das Ganze richtig angezeigt:
<div style="position:relative;top:10px;margin:0 auto;width:200px;border:1px solid red;height:200px;">
<div style="position:absolute;background: blue;top:10px;left:10px;width:50px;height:50px;"></div>
</div>
Es gibt auch die Möglichkeit innerhalb der Tabellenzelle ein <div>-Element reklativ zu positionieren. Innerhalb dieses Elements absolut positionierte <div>-Elemente werden dann wie gewüpnscht positioniert.
Wo ist der Denkfehler?
Grüße, Fabian.