
CSS layout uses style sheets to define the placement of elements on a web page. Typically CSS layout replaces tables, which are currently the most popular method of placing page elements. There is a common misconception that CSS layout techniques are incapable of producing complex page layouts. While it is true that tables generally provide more flexibility, I will show you that complex layouts are quite possible with CSS.
To get a quick look at the nuts and bolts of CSS layouts, take a look at the markup of a 3 column liquid page layout with a header, first done with tables, then with CSS.
I’ve already mentioned a few of the negatives of CSS layout and hinted at some of the benefits. Let’s take a look in more detail at the pros and cons of CSS layout. In the end, I think you’ll agree with me that the benefits far outweigh the problems