Positioning of repeating background image. P

backgorund-position center 300px is not valid. You should use position: 50% 300px;

You've also got the XML prolog throwing IE into Quirks Mode.

hello,

thanks for your input.

the 50% 300 doesn't seem to be working for me.

any ideas why not?

thanks again.

here is my code now:

Black Dog - Home

 

-->






Main Menu

Home News Forum Contact Us Music Shop Links Search Login Form Username

Password

Remember me
Lost Password? No account yet? Register Syndicate

Home

 

Gig News






 what shocking news at the gig

 

New Atticus






 Oh my god! brand new aaticus in stock.

 

table4

-->


Valid XHTML

background-position

my bad

Danger! Will Robinson, table layout detected *sigh*

my bad too,

that code section was an old one if you like as i did try position: in case that is what you meant. however, the code at the moment has background-position. and, it still doesn't work for me.

i know, i know...

will address this when i get the background working.

ok well I noticed you have 20 validation errors.

you could try to swap things around (background-position: 300px 50%; )

but I recommend fixing the validation issues first.

Generally it's safer to use the 'background' shorthand property.

Either way you can't repeat on an axis and shift the image on the same axis.

yeah i have some problems with getting it to validate. this is a joomla template. apparently there are some issues with validating joomla templates. i'm trying.

Good.

do you have an online link to the page?

ok i have validated the flash which was throwing most of the errors. the remaining 2 are due to joomla ampersands.

yeah, if you'd please have a look blackdogstreetwear.co.uk

I haven't tested in IE, but you can shift an image and have it start repeating from that point. It will, of course, repeat in both directions so there aren't too many instances where this would be applicable, but there are some. Case in point.

Edit: just checked out IE6 - works there no problem.

ok well a major issue is the 1600px wide div. it's causing a horizontal scrollbar, causing the background in IE to be badly positioned. Just for the fun of it, try to remove it?

thanks a lot for your help.

i've fixed it! the 1600 div was positioned absolutely. it now resizes the way i want it to. however in firefox i still have the nasty scrollbar. also, it seems to be a pixel out of line when re-sizing and in safari it looks out of line until over half the 1600 width, after that it perfectly lines up. any ideas for this?

Edit: just checked out IE6 - works there no problem.

Yes good point wolfie, I was stuck on the fact that you can't prevent the repeat across the axis.As you say though not many times when this would be useful but still.....

Sorry for thread hijack guys, carry on

i've fixed it! the 1600 div was positioned absolutely. it now resizes the way i want it to. however in firefox i still have the nasty scrollbar. also, it seems to be a pixel out of line when re-sizing and in safari it looks out of line until over half the 1600 width, after that it perfectly lines up. any ideas for this?

do keep in mind that if you have a 1600px wide div anyone with a resolution lower than 1600x1200 will get horizontal scrollbars (that is unless you have an overflow hidden somewhere)