Hallo,

ich habe 2 Div Boxen, die nebeneinander stehen. In die eine Div-Box wird über eine Variable Text geladen, der auf jeder Seite variiert. Das heißt, die Höhe der Div Box ist immer anders. Die zweite Div Box hat keinen variablen Text sondern eine feste Größe. Sie soll aber immer gleich groß sein, wie die Div Box mit dem variablen Text.
Gibt es eine Möglichkeit, das umzusetzen?

Suche nach dem Stichwort "css faux columns". Alternative wäre "display: table;", das kapiert der IE<8 nicht - sollte aber inzwischen egal sein

Du könntest das eventuell so lösen, ich habe es nich getestet, sollte aber gehen:

Mit display: table usw könnte man es aber auch irgendwie hinbekommen...

Hallo salt&indigo,

jQuery ist Dein Freund

in meinem Blog hatte ich so eine Lösung vorgestellt. Vielleicht ist das ja auch was für Dich:

jQuery: Gleiche Höhe für verschiedene Elemente in Abhängigkeit vom Inhalt dynamisch einstellen - Heiko Mamerow


Schöne Grüße aus Berln
Heiko

Super! Vielen Dank! Habe die jQuery Lösung von Heiko verwendet. Hat geklappt

sry, aber dafür javascript zu verwenden ist und sollte nicht als Beispiel dienen...

Damit kann man das ganz einfach machen...
Das Problem an der Lösung ist außerdem, dass der User unter Umständen ein Springen sieht, weil zuerst die Seite aufgebaut wird und danach erst danach dein JavaSript ausgeführt wird. So hast du zuerst eine kaputte Seite und dann wird es erst gefixt. Bei Testen auf localhost wird dir das nicht auffallen, unter realen Bedinungen wird das aber öfters vorkommen, gerade bei mobilen Verbindungen die ja immer mehr werden.

JS würde ich dafür auch nicht verwenden, das wäre in diesem Fall mit Kanonen auf Spatzen geschossen, over-the-top für eine so simple Anforderung. Mit float & clear bekommt man allerdings auch noch keine gleich hohen Spalten.

Je nach Design gibt es verschiedene Ansätze, z.B. mit border & negativem margin, oder eben auch die angesprochenen faux columns oder display: table; & Co.

Letzteres wäre die modernste Variante, und der IE 7- kann ja immer noch eine fc-Grafik bekommen.

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

ja das stimmt gleich hohe spalten gehen nicht, mit dem ersten beispiel von mir aber schon, sollte man wissen, dass eine box immer größer als die andere ist, ansonsten könnte man einen fallback mit min-height noch einbauen...

leider ist das auch nicht optimal, denn wenn der Inhalt einer Box irgendwann mal größer als die Mindesthöhe wird, sind die Boxen auch nicht mehr gleich hoch.