If you would have told me it was possible to make a table free Web site, I would have said you are nuts, crazy, creepy and odd. These days though, creating columns using the “div tag” and CSS is as easy as apple pie on the Forth of July. Recently more folks have been turning to CSS to help get over some of the problems that basic HTML had stumped them on in the past.

Why would you want to bother making a table free Web site? Well often, using a few “div tags” makes a Web page much smaller in file size. Table code has been known to bloat up many a Web site in it’s day. If you look at it from the search engine optimization point of view, you do not want more code than content. This is why CSS has become so handy to Web site owners around the globe.

Shruti Gupta, contrubuting writer at Design Newz has posted a great article about how you too can create columns by using the “div tag”.

The div tag can be defined as the division in a web page. It is a block level element. This implies that the default behavior of div’s is to stack up one above the other. This serves the purpose of using div’s for a simple web page layout where all the elements stack one above the other. When we have a columnar web page layout (which happens to be the most common layout for majority of the websites), we need to know how to use div’s to create two or more columns in a web page.

Not enough? Here are a few more CSS resources that might be able to help you out a little more:

CSS Property Index
The Layout Reservoir

Now go get to creating a few table free Web site layouts! Feel your Web sites get lighter, without having to do one push up. Now that is an exercise trend I could get used to.