text im div ganz unten

[Alex A.]

Hallo,

ich möchte, das ein Text in einen Div immer ganz unten angezeigt wird,
wenn der Benutzer das Fenster kleiner macht, dann soll der Text in diesem div mitwandern.
Habe folgendes probiert
<div style="height:100px; border:1px solid #3c9aad;">
    <div style="bottom:0px;"> test </div>
 </div>

leider ist der text oben links.... warum?

[Harlequin]

Yerf!

<div style="height:100px; border:1px solid #3c9aad;">
    <div style="bottom:0px;"> test </div>
</div>

leider ist der text oben links.... warum?

a) Die Angabe bottom benötigt noch eine Angabe zu position, in deinem Fall position:absolute

b) damit das ganze so wird wie von dir gewünscht benötigt der Umgebende Div ebenfalls eine Angabe zu Position, am Besten position:relative

Gruß,

Harlequin

[Alex]

Super Danke

[Alex]

Hallo,

ganz klappts leider doch noch nicht wie ich will:

<div class="ms-navheader" style="height:700px; position:relative;">
           <div style="bottom:0px;position:absolute;">
TEST
      </div>
       </div>

Ich will jetzt, wenn der Benutzer das Fenster kleiner macht, dass kein Scrollbalken wegen diesem Div kommt.

Habe es schon mit %  probiert:

<div class="ms-navheader" style="height:80%; position:relative;">
           <div style="bottom:0px;position:absolute;">
TEST
      </div>
       </div>

Allerdings hat das Div da gar keine Höhe mehr?

Wie kann ich mein Vorhaben umsetzen?

[Harlequin]

Yerf!

Allerdings hat das Div da gar keine Höhe mehr?

Höhenangaben in Prozent beziehen sich immer auf die Höhe des Elternelements. Ist aber bei einem Element keine Höhe angegeben, so ist es so hoch wie sein Inhalt (das Ergibt einerseits eine schlecht auflösbare Wechselwirkung und andererseits zählen absolut Positionierte Elemente nicht als Inhalt)

Wie kann ich mein Vorhaben umsetzen?

Gib *allen* Vorfahrenelementen eine Höhe (inkl. BODY und HTML)

Gruß,

Harlequin