Jan
31
2006A List Apart Finds the Holy Grail (of CSS Layout)
31
2006
With a URL like:
http://www.alistapart.com/articles/holygrail
you know it should be interesting. In this article on the most revered of “Web-Standards-Based-Design” websites, Matthew Levine reveals the secrets for a clean, semantic, CSS-only way to create the page layout framework used by 90% of decent web sites.
If you don’t want to read the article, you can skip right to the example. Just do a “Save As…” and a huge amount of headaches can be avoided on your next project.
The only thing that bugs me about this code is that the side columns do screwy things when the browser window gets really small. This may seem minor, but I’ve always felt that although user interfaces shouldn’t always behave like real-world objects, when you’re using something that appears to implode and collapse in on itself under certain circumstances, you naturally tend to feel like what you’re using may be fragile and unreliable. Early versions of Groove were notorious for this kind of collapsing layout - even buttons would shrink down so that the text on them “fell off”.
Anyway, I’m pretty sure that a fix would only involve one or two non-semantic “container” tags (which Levine wen’t out of his way to avoid - I have much less of a moral issue with the occasional container tag). I’ll let you know if I come up with something.
You are currently browsing the
I switched to a new phone a couple months back, upgrading to the Audiovox SMT5600 Windows Smartphone — the unofficial official preferred phone of Microsoft employees (for various reasons). 