About This Page
 

Resize the width of your browser window and watch how the layers on this page change too.
 

Using percentages allows for a "liquid" layout, that is, one which adjusts to the width of the browser window. Try it out here by varying the width of the browser window. (If you narrow it too much, the content will collapse. Play nice with others.)

This page was laid out using layers, except for the content you're reading now which is inside a table. That table, however, is inside a layer called tableContainer.

And just to show you the possibilities, tableContainer is nested in another layer called content. The width of the content layer is 50% and its L is 25%.That means its left edge always abuts the right edge of the layer to its left.

The real point, however, is that with a layer you can position objects anywhere you like. By putting a table in a layer, you can move that table with single-pixel precision, something impossible with standard HTML.

  What you're reading now is within a table because it's essentially tabular data (that is, rows and columns).
 

This is an image in a table cell:

take control logo

 
This is a footer at the bottom of the table;
the row it's in merges both columns of the table.

This is a layer called leftcontent . Its width is 25% and its height is 900 pixels.

It's nested within a layer called left.

Its L is 0 pixels and its T is 115 pixels.

Because of a bug in Dreamweaver, you can't set a layer's height to 100% and then see it well enough to place objects in the layer. Most browsers will display a 100% height correctly, but always test.

Here is a list of links that don't go anywhere: