It’s an excellent tutorial. I’ve made no secret of my love for a good liquid layout and Ethan’s article is a great resource for anyone brave enough to take up the challenge.
Another excellent resource comes to us courtesy of Zoe Mickley Gillenwater. She’s written a book called Flexible Web Designs. Buy it now. You won’t regret it. I thought I knew my stuff when it came to wrangling CSS but this book had techniques that were new to me.
But I do have one last little piece of propaganda I’d like to promulgate…
In any discussion of liquid layouts—for or against—it’s common for the subject of the “horizontal scrollbar” to come up. The term is an oxymoron. If text is moving vertically—movie credits, for example—then it is scrolling. If text is moving horizontally (as seen on CNN, BBC, and every other news channel), it is crawling. Therefore, the term “scrollbar” can only correctly be applied to an interface element that allows content to be moved vertically. The correct term for a UI element that allows the user to move content horizontally is a crawlbar.
Say it with me: crawlbar. Sounds a bit more negative, doesn’t it? A negative-sounding term seems fitting for a very negative user experience.
If you like this bit of Lakoffian political language, start using the word “crawlbar” in your meetings and documentation. You might get some strange looks to start with, but if enough of us do it, we can perform a little piece of linguistic corrective surgery.