nicht angemeldet
Hallo,
Ich habe ein div. Innerhalb dieses div sollen 2 weitere Platz finden, eines ganz oben, das andere ganz unten.
Wie macht man das korrekt?
Korrekt macht man das, meiner Meinung nach, indem man es lässt. Mein Motto: Löse _nie_, ohne wirklich wichtigen Grund, Elemente aus dem normalen Elementfluss. Findest Du einen wirklich wichtigen Grund dafür, dann denk nochmal intensiv drüber nach ;-)).
So, wie Du es sehen willst, wird es eventuell so gehen:
<div style="position:relative;border:1px blue solid;height:300px;width:200px;">
<div style="position:absolute;border:1px green solid;top:0px;">geh nach oben!</div>
<div style="position:absolute;border:1px green solid;bottom:0px;">geh nach unten!</div>
</div>
Erklärung: Bei position:relative orientieren sich Angaben zu top, left, bottom, right am umgebenden Element unter Beachtung des normalen Elementflusses. Nur bei position:absolute orientieren sich diese Angaben absolut am nächsten umgebenden Element, welches nicht normal fließt. Das ist der Grund für das position:relative im umgebenden DIV. Ohne dies wäre das nächste umgebenden Element, welches nicht normal fließt, der BODY.
viele Grüße
Axel