For years, web developers have used the <table> tag to control page formatting. Even tools like Adobe Dreamweaver has templates that make extensive use of the <table> tag for this purpose. However, the <table> tag was intended for displaying tabular data.
CSS 2.1 gives the web developer great control over the format of the page. Although all the major browsers have slightly different implementations, there are few glaring differences.
It also demonstrates how to create a horizontal menu with hover animation.
I've created a simple template that should get any page started quickly. Ordering from top to bottom, it consists of a web site header, a menu, a left and right column consisting of content, and then a footer.
These elements are displayed in the image below (click to enlarge).
The source file is available for review (index.html (5.41 kb)).