Screen Resolutions

[genkidave]

Hi there. I'm having a "brain dead" day. I want to have some sode in my web page that will make my web pages look the same no matter what resolution the visitor's compuer montior is set to.

 

Can someone point me in the right direction?

 

Genki Dave

[TCH-Don]

Can you give us a link to your site so we can see what you mean.

[TCH-Don]

And also besides the link, what are you using to code your site with?

[Deverill]

You can try some pretty tricky stuff in CSS that doesn't always work in all browsers, but the most often used "trick" is to put your entire page in a table with a fixed width. That way it is always the same width and all you get is extra blank space on the sides if they have a high resolution.

[Billy]

To follow up on TCH-Jim's thoughts - I would recommend using a maximum fixed width of about 600 pixels (width="600"). That way, you are working the generally accepted "lowest common denominator" of screen resolution, 800x600. According to this website, as of August, 2003, a shocking 52% who browse the web use this resolution.

Of course, this leaves a lot of white space on the sides, and looks weird in higher resolutions. If you want, you can set the page to align to the left (which it will do by default in most browsers), and put less important material beyond 600 pixels to the right, so that people using this low resolution don't necessarily have to move the scrollbar over to get the jist of the site.

 

Note -

According to that site linked above, about 5% of people use a resolution lower than 800x600. I wouldn't worry about these people - after all, we are in the 21st century now. People using these extremely low resolutions are probably used to manually scrolling, anyway.