Blöcke mit YUI Grids mit gleicher Höhe

Yahoo’s YUI Grids sind eine fei­ne Mög­lich­keit, um damit CSS Lay­outs zu erstel­len, die in allen gän­gi­gen Brow­sern pro­blem­los funk­tio­nie­ren. Bei so viel Funk­tio­na­li­tät bleibt die Optik manch­mal ein wenig auf der Stre­cke – Blö­cke auto­ma­tisch auf die glei­che Län­ge zu brin­gen ist zum Bei­spiel nicht drin. Aber jetzt kann man dort nach­rüs­ten.Chris Heil­mann hat ein klei­nes Java­Script geschrie­ben, dass mit weni­gen Zei­len alle vor­han­de­nen Blö­cke je Zei­le auf die glei­che Län­ge bringt. Sinn­voll ist das nur dann, wenn die Blö­cke Rah­men oder Hin­ter­grund­far­ben haben. In Chris’ Bei­spiel fällt das gar nicht so sehr auf, weil die Hin­ter­grund­far­be nur bei Maus­be­rüh­rung akti­viert wird..

Wer nicht alle Blö­cke in der glei­chen Län­ge brin­gen will, kann das Script auch ent­spre­chend anpas­sen. Dazu gibt man den Blö­cken am Bes­ten eine eige­ne Klas­se und lässt das Script nur danach suchen.

Links:
Yahoo Grids
Demo
Fix Grid Column Script Download
via Wait Till I come