Click to See Complete Forum and Search --> : Can't get the background-image to show.


zincoxide
07-20-2007, 05:29 PM
I'm helping someone out with his CSS layout for a CMS (Joomla!). We've run into a snag that I can't figure out so I thought I would bring it here.

He has installed a SEF extension which inserts <base href="http://www.site.com" /> into his <head> tags. The problem is that this is causing a conflict for the url() value for the property background-image:

I was wondering how we can work around this. The base tag is setup and works fine for all the references with the HTML document. My first thought was that when I was trying to use relative paths within CSS for the image that it was referencing it from the <base> tag and not the location of the CSS file. So, I told him to reference it from the root. This didn't work.

Next, I told him to use an absolute path to the image with url(). However, this didn't work either.

I come to you and wonder if you can help out at all. Basically, we are trying to implement the "faux column" technique but the image isn't being repeated for some reason.

I should state that when I remove the <base> tag entirely it works fine. Can anyone help here?

ray326
07-20-2007, 09:17 PM
A reference from the root should work with that base.

zincoxide
07-21-2007, 05:44 PM
Unfortunately it does not work.

I have tried absolute and relative paths. I have also tried leaving the image in the same folder as the CSS file. As well as leaving it in the root folder and referencing it from there.

Nothing seems to work unless I remove the base tag. I need to figure out a way for the base tag to remain and still show the background image.