Web Layout Using Tables
By: Aaron B. Copyright AaronOutpost.com

Back to Web Design Tutorials 

WeeeeeeDoggie! These are fun and probably the basis of every site I have ever made. Using invisible tables or tables with no border to control the layout of your web page can be useful in many ways.

Tables can be used to construct your site to any shape you want. You can put tables inside of tables, merge cells, columns rows. 

One major item of discussion is something I learned while designing sites professionally for businesses. 

Browser sizes... discussed in the other article is the size of browser windows. The smallest being about 800 pixels wide. If you place text on your page and change the size of your browser window the text will re-fill your browser window. Completely destroying your design as it was before.

Want to keep that text constant? Constrain them bad boys to some invisible tables with specific widths and heights. You can make your site look the same in any size browser window.

You can also use tables to create pages that resize with the browser by using percentages for table widths and heights. (My Favorite)