Tuesday, February 16, 2010

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 one and only change in the HTML div structure is to wrap the "col1" (main) column in a another div ("col1mask").

Now for the CSS. The body, #header, #footer, .colmask do not change. The rest pretty much changes a lot.

That's it. It's not as fluid to read as the true liquid layout, but it works really well.