nicht angemeldet
Position & Expansion einer Ebene
Hallo,
der Betreff sagt schon alles: Ich habe eine Ebene 1, die eine vorgegebene Größe hat. In dieser Ebene soll eine zweite Ebene (2) angelegt werden, die am unteren Rand der Ebene 1 positioniert sein soll. Die Ebene wird jedoch mit Text gefüllt. Je nach Menge des Textes soll die Ebene 2 nach oben vergrößert werden.
--------------------- ---------------------
| | | |
| | | |
| | | |
| | ---------------------
--------------------- | deine mutter |
| deine mutter | | hat kinder |
--------------------- ---------------------
Wie geht das?
.ebene1 {
width : 300px;
height : 300px;
}
-
Hallo,
#ebene1 {position:relative; width:300px; height:300px; border:1px solid #f00}
#ebene2 {position:absolute; bottom:0; border:1px solid #00f}<div id=ebene1>
<div id=ebene2>
Zeile1<br>Zeile2
</div>
</div>Gruß, Kalle
-
Hi,
Ich habe eine Ebene 1, die eine vorgegebene Größe hat. In dieser Ebene soll eine zweite Ebene (2) angelegt werden, die am unteren Rand der Ebene 1 positioniert sein soll. Die Ebene wird jedoch mit Text gefüllt. Je nach Menge des Textes soll die Ebene 2 nach oben vergrößert werden.
Wie geht das?
Das Positionieren geht, Überraschung, über die position-Eigenschaft (mit Wert absolute in diesem Fall), und die Höhe der Ebene 2 passt sich automatisch an, sofern du ihr nicht explizit etwas gegenteiliges sagst.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.