ansaurus

Question

Background position won't position itself

Answer 1

+1 A:

I'm not sure, but could you try to define the background-position using it's own property, like:

background-position: 0px 300px;

Please tell, if this will fix it.

Pindatjuh 2010-01-17 21:13:38

I think this is it, or the fact that you are using `0` instead of `0px`.

Pekka 2010-01-17 21:14:32

0 is a perfectly valid value.

RegDwight 2010-01-17 21:16:12

Thanks for the suggestions. I tried #wrapper { width: 960px; margin: 0 auto; padding: 0 7px; background: #c1cca0 url(images/fade.gif) repeat-y scroll; background-position: 0 700px;}but still no luck.

Jon 2010-01-18 00:02:37

Answer 2

A:

Can I not use repeat-y in conjunction with background-position,

Yes you are right .. There is no meaning to the combination of repeat-y and absolution position .. repeat-y overrides ..
I don't know what fade.gif exactly is (as it is only literal in your code) .. so can't try for the alternative solution ..

infant programmer 2010-01-18 06:43:08

Answer 3

A:

I may be wrong here but I think the source of your problem is that the #wrapper has no height of its own. Try giving it a fixed height to test this out.... i.e. #wrapper {height: 500px;}

Tom 2010-01-18 08:57:24

ansaurus

tags:

views:

answers:

Background position won't position itself

related questions