startseite | archiv | bilder | bookmarks | short urls | rss reader |

Blöcke mit YUI Grids mit gleicher Höhe

 

Donnerstag, 22. November 2007

Yahoo’s YUI Grids sind eine feine 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änge zu brin­gen ist zum Bei­spiel nicht drin. Aber jetzt kann man dort nachrüsten.

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 Zeile auf die glei­che Länge 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­farbe nur bei Maus­be­rüh­rung akti­viert wird..

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

Links:
Yahoo Grids
Demo
Fix Grid Column Script Down­load
via Wait Till I come

Einen Kommentar hinzufügen





Trackback

Trackback URL für diesen Artikel

  • Twitter / Facebook
  • Twitter
  • Facebook
  • RSS
  • RSS

 

Werbefreies Blog

Steffen Voß | Steinstraße 5 | 24118 Kiel
Tel.: +49 431 88 88 683
E-Mail: kontakt@kaffeeringe.de
Skype: steffenvoss
Jabber: kaffeeringe@jabber.ccc.de
ICQ: 447639251