Div-Element ans Ende eines Elements setzen

[AmicaNoctis]

Du musst keine feste Höhe vergeben:

div.oben {}
/* ist von alleine an der richtigen Stelle (im Flow) */

div.unten { position: absolute; bottom: 0; }
/* nimmt sich ohne Höhenangabe den Platz den es braucht */

/* Edit: */
td { position: relative; }
/* Zelle zum offsetParent machen */

[Tarlar]

Ich habe derzeit noch das Problem, dass mir die Elemente mit der Eigenschaft position: absolute nicht mehr in der Zelle bleiben, sondern sich am Browserfenster ausrichten.

Muss ich der Zelle eine id geben, dass das funktioniert?


Edit:
Wyveres hat in seinem Beispiel die Zelle auf "display: block" gesetzt. Ohne das funktioniert das ganze nicht mehr. Ich kann "display: block" allerdings nicht verwenden, da ich mehrere Zelle nebeneinder platzieren möchte.

[Tarlar]

Ich habe nun die Lösung gefunden:

"display:block;" wird ersetzt durch "display: run-in;"

Danke für die Hilfe

[AmicaNoctis]

Siehe mein Edit: du musst noch die Zelle auf position: relative setzen.

[Tarlar]

Soweit hatte ich schon mitgedacht...trotzdem ging es nur mit position: relative nicht. das display: run-in musste sein.

[wahsaga]

Siehe mein Edit: du musst noch die Zelle auf position: relative setzen.

Nein, du brauchst noch ein weiteres Element, bspw. ein DIV, in der Zelle, um dem position:relative zu geben - Tabellenzellen kannst du nicht relativ positionieren.

Visual formatting model:

The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.

[Tarlar]

Und was wäre dann die korrekte Lösung?

[wahsaga]

Schrieb ich gerade schon.

[Tarlar]

Das hat leider bei mir auch nicht funktioniert, wenn ich dem oberen Div-Element position:relative gegeben habe...

[wahsaga]

Ich rede nicht vom oberen, sondern von einem weiteren, was du erst mal um die Tabellenzellen-Inhalte legen musst, weil position:relative direkt auf TD keine (definierte) Wirkung hat.

[Tarlar]

Vielen Dank!

Das war die Lösung