Portable Page Layouts with CSS and One Table
Introduction
Ever tried to create a page layout with only CSS that worked across all Web browsers?
I have, and it's no picnic. This is one of those times where you have to ask yourself, "Is the juice worth the squeeze?" I would have to say emphatically, no. Give up. Don't try it. Leave it for the professionals that work in CSS all day long and who thrive on using CSS hacks.
For me, I'm not ready to dump tables for strictly CSS sites. Plus, there's nothing wrong with using tables for page layout. So how can we create a page layout that's simple and elegant, yet won't bust our mental bank? Read on.
Solution
We'll use both CSS and at least one table to layout our page. We get the benefit of CSS, plus the ease of using just one simple table on our page. Using this table, we can generate any standard layout on the Web today and benefit from the same look across all Web browsers and operating systems, like Mac OSX, without having to use CSS hacks or remember what they do.
Continue reading "Portable Page Layouts with CSS and One Table" »