How do you make a web page work at different screen resolutions so there is no horizontal scrolling?
You use nested tables. Your main table (or container table) should have a width defined as 100%. The container table should have, at least, 3 rows. This container table is where you would put a row that has anything that need to be stretched or shrunk (like header where your title and logo are (top row), and your footer where a copyright notice would go (bottom row)). Now you nest another table in your container table (middle row). This nested table will have a width defined in pixels rather than percent. It is important that the width of this nested table is a little smaller than the space allowed for an 800×600 screen resolution (try 770). It is also important to remember that the nested table can have multiple columns and rows.
