Web Development Network  |  Sites:    Capital Tutorials    Internet Marketing Books    Arcade Games
Depiction- Webmaster Resources
Stock Image

Contributors: SSD VPS in Europe  |  SEO Las Vegas |  EsqRank |  Free SEO Report

Dental SEO Marketing  |  Best Las Vegas SEO Company  |  Currency Converter Live

Misc Links: Submit Tutorials (Earn $$) l Advertising l Privacy Policy | Site Map

Tutorials > Webmaster > Avoid Horizontal Scroll Bars


Learn how wide you should make your site in order to avoid ugly horizontal scroll bars.

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 an 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 has happened to all of us.

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


800x600 Screen = Table Width 770
1024x768 Screen = Table Width 994

Note: If all four margins (top, left, right, and bottom) are set to 0, substract 25 from the width and 150 from the height of your table . So, the max width and page fold would be:

Above, I showed only two resolutions because you should never design your website for resolutions higher then 1024x768. The majority of users today use either 1024x768 or 800x600 resolutions. If you design for resolutions higher then this, you can guarantee that almost all of your users will have to deal with ugly horizontal scroll bars.

Learn how to design for all screen resolutions.

That's it!




All Graphic Design Photoshop Tutorials
Tutorial Man Wallpaper Stock  More