Printed from BasicTips.com, FREE helpful articles and tips for Webmasters and Business Owners
Copyright © 1994-2006 by BasicTips.com, a division of BasicTemplates.BIZ
All rights reserved. Republication in whole or in part in any form is not permitted.

Sponsored by BasicTemplates.BIZ
Website Templates with External CSS and Removable Graphics
http://www.BasicTemplates.biz

Co-Sponsored by Effective-Website-Secrets.com
Teaching webmasters effective web development and marketing techniques via free podcasts.
http://www.Effective-Website-Secrets.com

Category: Web Design
How to Avoid the Ugly Horizontal Scroll
By BasicTemplates with External CSS

What you see is not always what you get at least with the standard screen sizes. Many new web designers will assume that if they are designing for a 800x600 screen that their web page tables should be 800 pixels wide. If you tried it, and you have to horizontally scroll to read your page content, I'm sure you were pretty frustrated. Don't worry, it happens to all of us.

A good rule of thumb is to subtract 30 pixels from the width of your table to accommodate the screen size.

Example:

640x480 Screen = Table Width 610
800x600 Screen = Table Width 770
1024x768 Screen = Table Width 994