nicht angemeldet
Hi!
Die Tabelle soll im BODY horizontal zentriert sein. Ein <body style="text-align:center"> scheint aber nichts zu bewirken (das Problem tritt nur im Firefox, nicht im MSIE6 auf).
Hier liegst Du falsch, das Problem tritt im IE auf, da dieser text-align standardwidrig auf blocklevel-Elemente anwendet.
text-align gilt nur für inline-Inhalt eines Elements.
Versuchs: http://3651183163/test.html
Mein MSIE6 zeigt es zentriert an, FF nicht.
blocklevel-Elemente werden über entsprechende margin-Angaben horizontal ausgerichtet (margin-left/-right z.B. auf auto setzen).
Ok, danke, jetzt hab ich's glaub ich begriffen ;) Und wenn man beide kombiniert (text-align:center und margin-left/right:auto, dann machens es sowohl MSIE alsauch FF). Siehe
http://3651183163/test2.html
Bleibt das zweite Problem...
Das zweite Problem ist die absolute Positionierung eines DIVs innerhalb einer Zelle der oben erwähnten Tabelle. Mit <div style="position:absolute;top:50px;right:20px;"> sollte das DIV ja eigentlich relativ zum Rand des Elternelements (hier der Tabellenzelle) positioniert werden.
Nein.
Basis für absolute Positionierung ist immer noch das innerste Vorfahrenelement, das eine von static abweichende Positionierung hat, bei dessen Fehlen ist es der Viewport.
"Von static abweichend"? Soll heißen, wenn ich position:relativ;top:0px;left:0px; nehme, müsste es gehen?
*Ausprobier*
Nö, geht nicht.
Es wird (sowohl in Firefox alsauch im MSIE6) relativ zum BODY positioniert. Warum denn das?
Das wage ich zu bezweifeln - es ist relativ zum Viewport positioniert. Weil es kein Vorfahrenelement gibt, das der obengenannten Bedingung entspricht.
Was soll "Viewport" heißen? In diesem Fall doch das BODY-Element, oder? Es gibt also keine Möglichkeit, das DIV relativ zu der Tabellenzelle zu positionieren, wenn ich die Tabellenzelle zentriert haben möchte? Hm...
Gruß, Chris