Florian Reichert: Text unten in div (wie valign="bottom" in <td>)

Ich suche etwas, das wie valign="bottom" in der Tabellen Umgebung Text am unteren Rand eines DIV Containers ausrichtet.

Ich habe weiter unten den Tip bekommen padding auf einen entsprechenden Wert zu setzen, das geht aber nicht, da bei Zeilenumbrüchen der Text unten aus dem container herausruchtscht, anstelle nach oben zu rutschen.

So soll das ganze im Ergebnis aussehen:

<div>-----------------------------------------------------------|
|                               |                               |
|                               |                     text      |
|..ca. 100pt Abstand nach links | Text text text text text<br />|
|---------------------------------------------------------------|</div>

Der Text soll rechtsbündig ausgerichtet sein und zum linken Rand ca. 100pt Abstand haben. Der Text kann auch einen eigenen div Container haben.
Ich war erstaunt, das <div style="vertical-align: bottom" nicht den gewünschten Efekt hat.
Wie es aussieht werde ich wohl eine Tabelle mit valign="bottom" machen müssen.

Danke und Gruß Florian

  1. Hallo Florian,

    der DIV-Tag kenn das Style-Attibut valign, macht da aber offensichtlich nichts mit, zumindes nicht im IE.

    Ich habe in den DIV eine Tabelle gelegt, dann geht das natürlich.

    sorry

    Wilfried