Servus beisammen,

sicher ein alter Hut aber ich werd noch verrückt. Den halben Tag suche ich mich schon durchs Netz und finde keine brauchbare Lösung mehrere Spalten gleich hoch zu machen. Vielleicht kann mir hier jemand weiterhelfen.

Das Sorgenkind:
http://www.pure-ir.de/

Es gibt einen Workaround mit height:100%. Klappt leider nicht....obwohl es genau das ist was ich bräuchte...

Dann gibt es noch diese beiden Lösungen.

http://www.cssplay.co.uk/layouts/3cols.html
http://www.alistapart.com/d/holygrail/example_3.html

Leider passt das nicht auf mein Beispiel da die Spalten selbst die Hintergrundfarbe haben sollen und nicht der Container.

Was kann ich tun außer schreiend aus dem Fenster zu springen?

Gruß
Frank

naja, du kannst allen Spalten die gleiche Pixelanzahl bei der höhe geben

Code :

1	#spalte1, #spalte2, spalte3{ height: 200px;}

Aber feste Höhe ist dann nicht mehr nach oben hin skalierbar. Vielleicht mit min-height......aber ist halt keine saubere Lösung

Ich habs jetzt mit min-height und zusätzlichen Klassen für die Höhe gelöst. sp-670 bis sp-720 Pixel Höhe, die im Body definiert werden. Nicht ganz sauber...aber hilft ja nix

warum hätte das mit dem Container nicht gepasst? Sollten die Spalten auch ab und an, je nach Bereich, Ihre Farbe ändern? Wenn nicht, hättest du ja zumindest für den Content-Bereich ein Div, mit entsprechender Hintergrund-Grafik, nehmen können.