. . . . . . spacer spacer spacer spacer spacer spacer spacer spacer
. . Web Design Services . Web Design Portfolio . web design prices . About Cyber Ink Design . contact . home
spacer
 
spacer Web Site Designs
txtholder
Web Design Tips
Search Engine Optimization
Internet Advertising
Web Design
Web Sites
spacer

800 x 600 resolution

1024 x 768 resolution
   

These are screen shots of the same page at different resolutions. Note the increased white space on the right hand side at high resolution. Notice the logo graphic in the upper left hand corner and the photographer graphic also look smaller. I have clients that view their pages at high resolution only and they say make everything bigger, fill up that white space! If I were to do that it would force the user at 800 x 600 resolution to have to scroll to the right to see the entire page and the graphics would look huge. Pages are designed to look their best at 800 x 600 resolution because this is the setting that the majority of users are viewing your page with. Notice that the header on this page is designed to stretch to the full width of the screen.

 

Text set to stretch the full width of the screen.

Background file added.
 
The two screen shots above were both taken at 1024 x 768 resolution. The image on the left has the page and text set to spread to the full width of the screen. No matter how wide you make it. On the right a colored background file has been used to fill up the white space. If you were to view the same page at 800 x 600 resolution you would not see any blue on the right hand side.

   
   
  DESIGN SERVICES | WEB DESIGN PORTFOLIO | WEB DESIGN PRICES | ABOUT CID | CONTACT | HOME
   
   
Custom Web Design
© Copyright 2002 Cyber Ink Design "All Rights Reserved"