DIV an einer Tabelle ausrichten

[Theik]

hihi

ich würde gerne einen DIV vom Rand einer Tabelle ausrichten!

momentan verwende ich folgende zeile:
<div style="position:absolute; left:384; top:180; width:100; z-index:3">

meine seite besteht aus ner großen tabele welche auf die auflösung 800x600 angepasst ist und centriert ist! sprich die randentfernung ist bei einer auflösung von 800x600 kleier als bei 1024x7xx - dementsprechend verschiebt sich die für die navigation gebrauchte grafik die durch das "DIV" eingefügt wird ... was am ende dann unschön aussieht!

die frage ist halt kann man das div von einem tabellenrand ausrichten??? oder gibt es eine andere lösung???

[Ingo Turski]

Hi,

die frage ist halt kann man das div von einem tabellenrand ausrichten??? oder gibt es eine andere lösung???

aber sicher doch. Verzicht auf die absolute Positionierung, dann läßt sich über margin und float alles ganz prima ausrichten. Oder vielleicht noch einen Schritt weiter gehen und auch die Tabelle ersetzen?

freundliche Grüße
Ingo

[Thorsten Steffen]

hi,

<div style="position:absolute; left:384; top:180; width:100; z-index:3">

ist so falsch positioniert 384cm? 384mm?,
die Einheit gehört an jeder Massangabe von CSS

<div style="position:absolute; left:384px; top:180px; width:100px; z-index:3">

meine seite besteht aus ner großen tabele welche auf die auflösung 800x600 angepasst ist und centriert ist! sprich die randentfernung ist bei einer auflösung von 800x600 kleier als bei 1024x7xx -

bei noch grösseren auflösungen

dementsprechend verschiebt sich die für die navigation gebrauchte

grafik die durch das "DIV" eingefügt wird ... was am ende dann
unschön aussieht!

die frage ist halt kann man das div von einem tabellenrand ausrichten??? oder gibt es eine andere lösung???

hää? das div ist absolut positioniert wohin soll sich das verschieben?
Ich verstehe dein Problem nicht ganz. Und das obwohl du dir sehr viel Mühe mit Satzzeichen wie ! und ? gegeben hast ;)
Am Tabellenrand, hm?

meinst du so?

+-------------------+
        |     +--+-----+    |
        |     |  |     |    |
        |     +--|     |    |
        |        |     |    |
        |        |     |    |
        |        |     |    |
        |        +-----+    |
        |                   |
        +-------------------+

dann in etwa so

<div align="center" style="width:...">
<div style="float:left;">
{Naviagtion}
</div>
<table style="float:left;"></table>
</div>