kaffeeringe.de - Internet und Kreativität

startseite | bilder | abonnieren

Blöcke mit YUI Grids mit gleicher Höhe

 

Donnerstag, 22. November 2007

Yahoo’s YUI Grids sind eine feine Möglichkeit, um damit CSS Lay­outs zu erstellen, die in allen gängi­gen Browsern prob­lem­los funk­tion­ieren. Bei so viel Funk­tion­al­ität bleibt die Optik manch­mal ein wenig auf der Strecke — Blöcke automa­tisch auf die gle­iche Länge zu brin­gen ist zum Beispiel nicht drin. Aber jetzt kann man dort nachrüsten.

ornament

Chris Heil­mann hat ein kleines JavaScript geschrieben, dass mit weni­gen Zeilen alle vorhan­de­nen Blöcke je Zeile auf die gle­iche Länge bringt. Sin­nvoll ist das nur dann, wenn die Blöcke Rah­men oder Hin­ter­grund­far­ben haben. In Chris‘ Beispiel fällt das gar nicht so sehr auf, weil die Hin­ter­grund­farbe nur bei Maus­berührung aktiviert wird..

Wer nicht alle Blöcke in der gle­ichen Länge brin­gen will, kann das Script auch entsprechend anpassen. Dazu gibt man den Blöcken am Besten eine eigene Klasse und lässt das Script nur danach suchen.

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

Weitere Artikel

» Zurück zur Übersicht


Kommentare



Einen Kommentar hinzufügen





 

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