Of Grids and Goldfish
| Monday, September 24th, 2007 | --jr |
Layouts are a pain.
Well, not so much a pain as a never-ending source of frustration, crying, and occasional bouts of goldfish abuse. Ever see a goldfish cry? It's not pretty. Still, between loading your page up with tables (not a good idea since the whole table doesn't render until it's finished), or trying to remember what that quirk was with IE6 vs Opera regarding floating divs, there's a lot of goldfish out there in need of therapy.
Fortunately, YUI makes things a bit easier for you. Turns out they've done all the hard work, and with a bit of simple class labels, you can have spiffy layouts, no questions asked.
Well, ok, one question: What layout should I pick?
Turns out the YUI folks have that one covered too, using the new CSS Grid Builder.
(Oh, and one trick you can use. You can specify multiple classes in your class identifiers. e.g. if you mark something as <div class="foo bar">whatever</div> your browser will apply both ".foo" and ".bar" styles to whatever. That way, you can use your existing styles, but layer in YUI CSS Grids stuff.)
There, wasn't that easy? Now stop yelling at your poor goldfish.
(People are starting to talk, you know.)