Background image, centre of page, tiled horizontally

theMAD2 · 16 Jun 2006 at 15:13

I want to have a bar go across the page horizontally in the centre of the body, just wanted to check my css

Code:

	background-image:url(images/bar.jpg);
	background-repeat:repeat-x;
	background-position:50%;

This is working in IE, but not FF. It's weird because in FF the bar is appearing at the top, but from the middle of the bar (so it takes the 50% from the image, rather than the body). Is there a better (or right) way of doing this?

Thanks

Goatee · 16 Jun 2006 at 15:30

Code:

background:url(images/bar.jpg) repeat-x center left;

That will repeat horizontially, centred vertically and starting from the left

theMAD2 · 16 Jun 2006 at 15:48

Yeah same again mate, centre in IE but not FF. Does anyone know how to get it on both?

Goatee · 16 Jun 2006 at 16:00

Sorry, missed a line:

Code:

background:url(img/banner_bg.png) repeat-x center left;
background-attachment:fixed

That will work in IE and FF

theMAD2 · 16 Jun 2006 at 16:16

Super!

Thanks mate, appreciate your help!