background image only showing on one row

Hi everyone,

I am having a problem trying to get a background image to cover all of the .centerColumn. It seems to work fine on other pages but not this one:
http://tranquillas.com/biz/index.php?main_page=index&cPath=30

I would appreciate any help.

thanks

Replace:

#indexCategories {
background-color:#330000;
background-image:url(darkred.gif);
background-position:center top;
background-repeat:repeat-x;
text-align:center;
width:auto;
}

with:

#indexCategories {
background-color:#330000;
background-image:url(darkred.gif);
background-position:center top;
background-repeat:repeat;
text-align:center;
width:auto;
}

Nimbuz:

Replace:

#indexCategories {
background-color:#330000;
background-image:url(darkred.gif);
background-position:center top;
background-repeat:repeat-x;
text-align:center;
width:auto;
}

with:

#indexCategories {
background-color:#330000;
background-image:url(darkred.gif);
background-position:center top;
background-repeat:repeat;
text-align:center;
width:auto;
}

Thanks. Everything is working great now! I'm wondering why it worked? Can you tell me what the difference is between "repeat-x" and just "repeat"?

Anyway thanks a lot for the fix

repeat Default. The background image will be repeated vertically and horizontally
repeat-x The background image will be repeated horizontally
repeat-y The background image will be repeated vertically
no-repeat The background-image will be displayed only once

http://www.w3schools.com/css/pr_background-repeat.asp

So basically, x = x axis, y = y axis.

Thanks for letting me know how things work. Thank you for the link too. I will probably be looking around in there too :smile:

You have a great one and I will talk to you again, I hope.

thanks

np. glad I could help. :-)