This question comes in mind of every web designer, when designing a website. Many designers, especially beginners prefer to go for table layout sites for the very simple reason that they are easy to build and they can get the work done with the ease. Whenever a page is structured inside a table or with help of table design it is like you have fixed sets of blocks and you are placing things inside a block. They expand or shrink automatically according to the size of the page. However, in table-less design you don’t have any fixed box. You can place your content anywhere you want to. Also, it becomes difficult to visualize that how your website will look in different browsers. This is the reason that still why 60% of the websites are based on table. But, as a professional web-designer you should avoid using tables for your website, because of the many reasons:

HTML standard says that table is for tabular data and not for website layouts.
When using tables, a lot of code is used for tables only and hence the bandwidth is wasted in downloading table code more than content. DIV’s are smaller and hence, faster to download.
It is easier to debug table-less (CSS) website as you can easily have a separate CSS file and editing one file will do the job. Also, changing one file only will change the look of whole website.

With all the above advantages, it is very clear that learning table-less design will eventually help a web-designer to make better and effective websites.