Inside Technique : Table Techniques
We present two quick and dirty HTML table techniques that give you greater control over your layout. We show you how to position contents at the four corners of your screen as well as the center of the page and how to flow your text around other arbitrary text blocks. Both of these approaches do not use any CSS positioning. Instead they are standard HTML tables with carefully set attributes.
Controlling the Corners
With this technique you can position elements at any corner of your screen. This solution is useful when you want complete control over your page when if is intended to fit on the screen. Since it does not
use positioning, if the contents do not fit on the screen, the browser automatically adds any needed scrollbars. Click here
to see a simple demonstration. The HTML for this demonstration is listed below:
Controlling the Flow
This example takes advantage of the TABLE align property. If you align a table left or right and supply
a width on the table, all other content automatically wraps around the table. You can even align one table left immediately
followed by a right aligned table and have the remaining contents flow in between the two blocks of text. Click here
to see a demonstration of flowing around table blocks. Below is an abbreviated version of the HTML used (view the demos source for the complete HTML):
If you have any other HTML layout tricks, let us know in the Discussion Forums
© 1997-2000 InsideDHTML.com, LLC. All rights reserved.