Untere Ausrichtung einer Box in einer Box

Moin 😉

Mein Bruder ist auf ein seltsames xHtml/Css Problem gestossen. Er hatte mich drauf angesprochen und ich hab mir die Geschichte mal angeguckt.

Er benutzt Joomla für seine Clanseite aber das ist ja sowieso dann egal.

Also er hat einen das Konstrukt seines Contentbereichs sieht so aus.

<div id="inhalt">

<div id="links">
<div id="menu"></div>
<div id="login"></div>
</div>
<div id="rechts"><-Content-></div>

</div>

Und das Ziel von ihm ist, das sich die "login" Box immer am unteren Rand der Box Links ist. Sprich wenn sich der Content im rechten Bereich verlängert soll die Loginbox mit nach unten wandern und sich unten ausrichten.

Wir haben mehrere Lösungsansätze ausprobiert.
Zb. dem Menu 75% höhe und der loginbox 25% höhe gegeben. Funktioniert nur alles nicht so weil ja keine höhe explizit angegeben werden kann.
wenn ich dem "links" zb. 500px höhe gebe nimmt er die %-Angaben. Sonst nicht.

Weiteres Beispiel. Wir haben der Loginbox eine absolute position im Eltern element gegebn und bottom 0. Das elternelement is natürlich float:left; -> Die Geshcichte hier bringt aber auch nichts weil er keine höhe hat um sich auszurichten.

Der Doctype is xhtml transitional.

Wäre für anregungen offen 😉

Gruß

frOsT

Hast Du schon mal versucht es so zu lösen:

<div id="inhalt">
  <div id="links">
  <div id="menu"></div>
</div>
<div id="rechter_inhalt">
  <div id="login"></div>
  <div id="rechts"><-Content-></div>
</div>

Dann die absolute Position mit
bottom: und links:-100px (oder was der Container login halt braucht)
Float wäre dann rechts.

Ist jetzt völlig ungetestet, aber ich arbeite sehr viel mit negativen Werten z.B. bei top oder margin.
Damit kann man letztendlich jeden Container dahin quälen wo er stehen soll.

Gruß, Regina

Ich würde die Loginbox in den Footer setzen, dann auf position: absolute; und martin-top: -100px; (oder ähnlich)

PS: Glückwunsch zu Joomla 😃