I have an html document with css. I created two separate html and css for the common screen sizes 800 & 1024. But if someone is using a larger or smaller screen resolution then the page looks wack. Is there a simple way to fix this? Iím definitely not created 5 separate pages :)
the site is <snip>
[edited by: Nick_W at 5:56 pm (utc) on April 10, 2003] [edit reason] no urls please [/edit]
Welcome [webmasterworld.com] to WebmasterWorld, pseudonymph!
If you want to use a high-resolution background image that fits different resolutions (and remember that while 800x600 and 1024x768 are the most common - there are a lot more! I use 1152x846 for example!) you can use some client side code to detect the users resolution and serve up the correct background image (using some conditionals) based on this.
The screen resolution is only one consideation. The size of the browser window is another factor. People using high resolution often don't run the browser maximized. Narrow your window some and the bg image will not fit in exactly. Plus there is differences in toolbars, scrollbar size, etc.
Youíre right. On the larger browsers there is a lot of white space around the background image. Is there a way to make this larger? For each one I mean, without writing a page for each screen size? All I managed to do was center the image :)