vertical-align funktioniert nicht in div's?

[Thomas J.]

Tag auch

Mit
<div style="position:absolute; background:#CECFCE; height:50px; width:300px;">
<p style="position:absolute; bottom:0px; margin:0px">Wort</p>
</div>
klebt der Text am unteren Rand - zumindest mit Mozilla.
Opera stellt das nur dar, wenn der <p> eine Höhenangabe hat.

Das Problem bei dieser Konstruktion ist, daß sie nur funktionieren dürfte, wenn der Div positioniert ist.
Soll der Div Teil des "normalen Elementflusses" sein, mußt Du halt position:relative verwenden.

Das solltest Du aber wirklich nur als Notlösung betrachten. Eine Schwierigkeit wird z.B. sein, die richtige Höhe des Absatzes zu finden.
Denn font-size:12px ergibt eben nicht zwangsläufig eine Absatz mit 12 px Höhe. Der Zeichensatz umfaßt eben auch Sonderzeichen mit Ober- bzw. Unterlängen.
Manche Browser rechnen diese mit ein, andere nicht. Mozilla und Opera handhaben das komplett verschieden.