Fixed Background Image

[SethF]

Hi

I want to have a fixed background image that will stick the the border of my site. I want to know how to do this because I have added a background image, which looks like this:

body {
margin: 0;
padding-top: 0px !important;
font-family: arial, helvetica, sans-serif;
font-size: 0.72em;
color: #333333;
line-height: 17px;
background: url("../images/Battlefield3text.png") no-repeat 1150px 50px;
background-position: fixed;
}

... and it works fine on a 4:3 screen, but on a 16:9 or 16:10 screen it does not even view the image.

The code is still in place on my site:
pcselect.co.za

Thank you for your help
S

[schoolboy]

You need to construct your background image to be positioned TOP CENTER in the css.

If you look at THIS SITE (still in early development) you will see how we achieve what you are after. Look at the BG image, then look at the stylesheet(s).

[HeyIts007]

Yep I'm trying to do similar. I have a background image which on my 17 inch CRT screen looks fine sticking out about 2 cm each side, which is exactly what I want. However on a wide LCD screen it expands the full width of the screen, which I don't want. I just want the background image to stick out about 2 cm each side of the template, regardless of screen size.

That http://simplypettags.co.uk/ site looks like the background fixed size image method I want, however I've yet to view it on a wide screen.

[HeyIts007]

That http://simplypettags.co.uk site seems to use a fairly wide image though ( bg.jpg ) , even though it's only 76kb on disk.

I was hoping there might be a way to specify the number of repeats ( possibly centred ) for a much smaller image.