nicht angemeldet
Ausrichtung nach unten mit relativer Positionierung?
Hi,
ich habe folgende Struktur:
<div id="huelle" style="height:12em; position:relative;border:solid black 2px;">
....
<div id="ganz-unten" style="position:relative; bottom:0;border:dashed red 1px;">Dies soll am unteren Rand von "huelle" stehen.</div>
</div>
Ein umhüllendes div mit einer bestimmten Höhe (Einheit: em), an dessen _unterem_ Rand ein weitere div stehen soll.
Frage: kann ich das ohne absolute Positionierung erreichen?
Grüße
Mrs. Olivander
-
Hallo,
Ein umhüllendes div mit einer bestimmten Höhe (Einheit: em), an dessen _unterem_ Rand ein weitere div stehen soll.
Frage: kann ich das ohne absolute Positionierung erreichen?Nein, aber was spricht gegen:
<body>
<h1>Test</h1>
<div id="huelle" style="height:12em;width:50ex; position:relative;border:solid black 2px;">
....
<div id="ganz-unten" style="position:absolute;width:100%;left:0; bottom:0;border:dashed red 1px;">Dies soll am unteren Rand von "huelle" stehen.</div>
</div>
<p>Test</p>
</body>Die Breitenbegrenzung der "huelle" habe ich eingefügt, damit Du siehst, dass sich position:absolute hier auf das DIV#huelle bezieht und nicht auf den Viewport. Das ist so, weil sich position:absolute immer auf das erste umgebende Element bezieht, dessen Position nicht static ist.
viele Grüße
Axel