Positionierung

[Glory]

Hallo :)

Ich hab ein kleines Problem mit der Positionierung zweier divs in einer Tabellenzelle.

Ich habe 2 divs (div A und div B), die beide in einer 5em großen und 5em breiten Tabellenzelle liegen. Nun soll es so sein, dass beide die gesamte Zelle ausfüllen und übereinander liegen, sodass je nach z-index immer nur eins der beiden zu sehen ist. Wie stell ich es an, beide sozusagen aufeinander zu legen, ohne dass dadurch die Tabellenzelle größer wird?
Es geht z.B. nicht, beide divs nacheinander mit einer relativen Position in die Zelle zu legen und dann das eine einfach um 5em nach oben zu schieben. Die Zelle ist dann nämlich 10em hoch und das soll natürlich nicht passieren.

Ich hoffe ihr könnt mir helfen.

Gruß, Glory

[Harlequin]

Yerf!

Ich hab ein kleines Problem mit der Positionierung zweier divs in einer Tabellenzelle.

Positionieren innerhalb einer Tabelle ist problematisch... geht es denn überhaupt um tabellarische Daten oder ist das eine Layout-Tabelle?

Es geht z.B. nicht, beide divs nacheinander mit einer relativen Position in die Zelle zu legen und dann das eine einfach um 5em nach oben zu schieben. Die Zelle ist dann nämlich 10em hoch und das soll natürlich nicht passieren.

Mittels absoluter Positionierung ist das prinzipiell möglich. Diese richtet sich nach dem nächsthöheren Element in der Dokumentstruktur dessen Position nicht 'static' ist. Allerdings ist die Wirkung von position auf Tabellenelemente "undefined"...

Du könntest natürlich noch ein Div um die beiden inneren schachteln und diesem dann position:relativ geben, aber ich würde erst mal prüfen, ob die Tabelle notwendig ist.

Gruß,

Harlequin

[Glory]

Du könntest natürlich noch ein Div um die beiden inneren schachteln und diesem dann position:relativ geben, aber ich würde erst mal prüfen, ob die Tabelle notwendig ist.

Ist sie, es handelt sich um einen Wochenplan.
Ich werde deinen Vorschlag trotzdem mal in die Tat umsetzen und sehen, was dabei herauskommt.

Dankend, Glory