So können Sie Block-Elemente ganz einfach auf die gleiche Höhe bringen.

Viele Layouts von Websites sehen vor, dass mehrere Boxen nebeneinander die gleiche Größe haben. Was der Designer in Photoshop einfach zeichnet, ist mit HTML und CSS alles andere als einfach umzusetzen. Eigentlich gibt es bisher keine einfache Lösung das überhaupt direkt mit CSS umzusetzen.

Viel einfacher lässt sich das Ganze auch mit jQuery erledigen. Ich habe dazu gestern das jQuery Plugin Same Height auf github zur Verfügung gestellt. Die Nutzung ist sehr einfach. Man nutzt den einen Selector und ruft für die entsprechenden Elemente einfach die Funktion sameHeight() auf. Der Rest passiert automatisch.

$('.columns').sameHeight()

Wer das Ganze einmal in Aktion sehen möchte, kann sich das Demo anschauen.