[Graeme1]

Hello All,

I have a web page with a background image but it only displays properly in IE. All other browser show it too far to the right. The web site is at:-
www.msmdurham.co.uk

Thanks friends,

Best wishes
Graeme

[tomdkat]

Originally Posted by Graeme1

Hello All,

I have a web page with a background image but it only displays properly in IE. All other browser show it too far to the right.

In IE, your background scolls with the page, which means the "fixed" placement of it isn't working. In Firefox and Opera, the background image remains "fixed" (doesn't scroll with the page) but the image is chopped.

If you remove the "fixed" attribute from the container element's CSS styling, the background will appear and scroll with the page in all browsers.

#container { 
	width: 730px; 
	padding: 25px; 
	margin: 0 auto;
	background: #fff url("../images/back.jpg") bottom right no-repeat; /*Removing the "fixed" solves the image chopping problem in Firefox/Opera.*/
}

As for why making the background image fixed causes it to get chopped off, I have no idea. Hopefully, someone will explain it to us.

Peace...

[Graeme1]

Tanh you for your help, it looks great.

Best wishes,
Graeme

[ivenms]

Good Job..

Nice design. I can't see any back images on your page. But the template you using is simple and attractive.

[tomdkat]

Originally Posted by ivenms

Nice design. I can't see any back images on your page. But the template you using is simple and attractive.

If you can see the car near the top of the page and the "L" in the lower right hand corner (even if it is chopped off), those are two background images.


Peace...

[ivenms]

Oh..

am looking for the body background.

[Graeme1]

Hello All,

Yeah, the image at the top is a background and also there is one of a 'Learner Plate' (English!).

It seems fine now thanks to you all.

Best wishes
Graeme