- Impact
- 0
Hey gang,
I am trying to create a page that has a watermark-like background image. I want the image to stay centered (right to left and top to bottom) on the page and not move when the page is scrolled.
I can get the image to stay still with some CSS tricks such as:
Body { background: url('../images/imagename.jpg') fixed;}
but I can't get the image to center on the background. The image is small and the background color is set to white to match the rest of the image's background.
The additional trouble is I am trying to program this so it works with multiple screen resolutions. I use 1024x768 but I know a lot of probably users use 800x600 and I want it to look right for both resolutions.
Any thoughts would be appreciated. I can try to put together a sample page and post it if you want an example of what I am talking about...but it may take me some time.
Thanks!!!!
Mikey
I am trying to create a page that has a watermark-like background image. I want the image to stay centered (right to left and top to bottom) on the page and not move when the page is scrolled.
I can get the image to stay still with some CSS tricks such as:
Body { background: url('../images/imagename.jpg') fixed;}
but I can't get the image to center on the background. The image is small and the background color is set to white to match the rest of the image's background.
The additional trouble is I am trying to program this so it works with multiple screen resolutions. I use 1024x768 but I know a lot of probably users use 800x600 and I want it to look right for both resolutions.
Any thoughts would be appreciated. I can try to put together a sample page and post it if you want an example of what I am talking about...but it may take me some time.
Thanks!!!!
Mikey