Hallo,
ich hab ein kleines Problem mit der Positionierung zweier (kinder-)divs innerhalb eines anderen (eltern-)divs.
das ganze sieht etwa so aus:
<div class="eltern">
<div class="kind1">ksjdfksdj</div>
<div class="kind2">slkjdnflksj</div>
</div>
nun soll kind1 rechts oben und kind2 rechts unten innerhalb des ElternDivs positioniert werden:
.eltern{
position:relative;
width:300px;
height:200px;
}
.kind1{
position:absolute;
right:0px;
top:0px;
}
.kind2{
position:absolute;
right:0px;
bottom:0px;
}
das ganze funktioniert im IE und Firefox ohne Probleme, allerdings im Opera nicht, da werden die Kinder am rechten Bildrand, und nicht mehr innerhalb des ElternDivs angezeigt.
Zwar würde die Positionierung klappen, wenn das ElternDiv position: absolute bekommt, jedoch ist das dann nicht mehr an der richtigen stelle.
Zweite Möglichkeit, wäre die Kinder per position relative zu verschieben, jedoch sind die Div Inhalte unterschiedlich groß, so daß im ungünstigen Fall der Inhalt von Kind1 so groß ist, dass Kind2 nach unten rausgeschoben würde...
hat jemand eine idee?