Fixed Liquid Layout

As promised last week, I worked out the basics of Matthew's fixed width layout. Most of the changes are in the CSS.

I am not going to cover the complete code since that was covered in in the other post. If you're coding from scratch, you may want to refer to that post first.

The True Holy Grail of Web Layouts

I'm way over two years old on this, but I stopped doing Web development before the following was posted. Last time I touched anything Web related at work that wasn't related to content management, I was working on a liquid layout prototype. All the research I did back then refered to workarounds and hacks in order to make it work on all browsers.

In 2007, Matthew James Taylor posted something on his Website that changed the way Web Developers and Web Designers approached the development of layouts. He came up with a truly pure liquid layout that worked perfectly on all browsers, used no hacks nor workarounds, and was XHTML valid.

As an exercise in diving back into Web development, I decided to code his Perfect Liquid Layout (Holy Grail) from scratch. The following is nothing really advanced, but a great refresher.

Not All Prisons Have Bars

Last night I went to bed early. I was proud of myself (I'm lacking a lot of sleep) until an inspiration flux woke me up in the middle of the night. I had to write, I had to design...

Here's the first piece. The one that woke me up.