Elementenhöhe voneinander abhängig machen

[juliaw86]

Hallo ihr!

Ich bin neu hier und versuche mich etwas mit CSS vertraut zu machen!
Hab auch schon etwas erstellt! Zwar auch mit viel Hilfe und Code ausm Netz, aber es funktioniert! ^^
Ihr könnt euch die Seite ja mal angucken, aber da ich die erst heute erstellt habe, ist da noch nicht ganz so viel Inhalt vorhanden! http://speedball-muenster.lima-city.de
Aber jetzt kommen so ein paar Feinheiten, bei denen ich durchs googlen noch keine passenden Lösungen gefunden habe.

Ich habe zwei Kästen nebeneinander. Die beiden Kästen sollen nun auch die gleiche Höhe haben.
Da alle Seiten unterschiedlich viel Inhalt haben, will ich nicht unbedingt eine feste Höhe vorgeben (sieht ja nicht so gut aus, wenn die Seite einen großen Kasten hat, aber keinen Inhalt...
Also ich stelle mir das so vor, ist in dem rechten Kasten mehr Inhalt, dann sollen beide Kästen die Höhe haben, ansonsten halt die vom linken Kasten.

Bisher sehen die beiden Kästen so aus:

Code: Alles auswählen

div.content {
    position:absolute;
    top:  33px;
    left: 100px;
    border: #000000 solid 3px;
    width: 800px;
    height: 100px;
    padding: 1em;
}

div.info {
    position:absolute;
    top:  33px;
    border: #000000 solid 3px;
    left: 935px;
    width: 200px;
    height: 100px;
    padding: 1em;
}

Hoffe, dass mir jemand dabei helfen kann!
LG Julia

[sejuma]

Lass alle absoluten Positionierungen weg, nimm dafür ausschließlich float und margin.
Die gleiche Höhe beklommst du mit Faux Columns: http://www.ohne-css.gehts-gar.net/0005.php

[juliaw86]

okay... danke für den Tipp!

Dann werd ich mich mal damit weiter beschäftigen!

Liebe Grüße!