Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Project Seven dot com
Search
 

CSS-Table Layout: Overview

Your best client, Harvey, calls. "Joe", he says, "Our new marketing guy says that the web site needs to be fluid... it needs to expand and contract when people resize their window. Can you have it done by next Tuesday?"

"Er, uh, sure", you stammer. You hang up the phone, curl into a fetal position, and you want to die... on Monday. There are 283 pages and each one contains a fixed-width table. If it takes five minutes to edit each page, it'll take TWENTY-THREE hours to edit them all.

You can prevent this from ever happening to you again if you use CSS to control your tables.

View the Example Page

CSS works for tables too

CSS positioning is not exclusive to "table-less" layouts. If you had used CSS to lay out Harvey's site, you could have converted all 283 pages from fixed width to fluid in less than one minute.

Looking backward and thinking forward

Pretend you can go back in time to that fateful day when you first created Harvey's site and you can do it all over.

Before you begin, please download the project files:

Download Project Files

Unzip the project files and define a new Dreamweaver site (using the project files folder as its root) to use while working through the tutorial.