Learn table-less css layout creation

Author: satz | Date: May 28, 2009

This tutorial will show you how to create css layout without table.

Ever since the emergence of latest Web 2.0 technologies on web, the most sort subject is CSS based design. The ancient method of table based layout is almost on the verge of vanishing. This becomes the primary objective of developers to learn how to create web pages without tables.

The major concern is to avoid the use of tables in web pages.  Css based layouts often make use of “div” tags and its attributes get defined in the style sheet.  The use of div tags instead of table tags, decreases the number of tags in the page and thus leads to shorter loading time, improved performance and advanced handling of the web page.

As sample of a CSS based layout can be found below.

css-layout1