Welcome to WebmasterWorld Guest from 220.127.116.11
Forum Moderators: not2easy
the site is <snip>
[edited by: Nick_W at 5:56 pm (utc) on April 10, 2003]
[edit reason] no urls please [/edit]
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.
This is actually what I was looking for:
[edited by: Nick_W at 10:00 pm (utc) on April 10, 2003]
[edit reason] TOS#10 - Please check sticky mail [/edit]
Why not create a 100% table with a bgcolor close or exactly as your color image and create a table within with your image bg attached to it?
Tables for layout. yuck. ;)
The CSS way to do this is..
background: #000055 url(yourpic.jpg) no-repeat fixed center center;
That gives you 'yourpic.jpg', centered on the page, with a blue (#000055) background.
It uses fixed positioning so it will not scroll with the rest of the page, if you want it to then change fized to scroll.
If you wanted it in a different position then you can use percentages instead of center center to specify the top and left position of the image (center center is the same as 50% 50%).