why isn't the CSS - background:transparent; - working?

Posted by cmcguinness on May 20, 2009 at 8:00pm

Could any suggest to me why - background:transparent; - isn't working in the css on this page www.brainplay.ie

Thank you to everyone you takes the time to read this post as well as those who offer any suggestions.

Comments

Posted by nevets on May 20, 2009 at 8:06pm

Which part/element of the page are we talking about?

Posted by cmcguinness on May 20, 2009 at 8:08pm

The part with the white patch behind the navigation on the left. The gradient should be seen from the body div.

Posted by cmcguinness on May 20, 2009 at 8:09pm

and it's the div#sidebar-left which is giving me trouble. Thanks!

Posted by nevets on May 20, 2009 at 8:14pm

The problem comes from div#content-outer-wrap and and this setting,

background:transparent url(/themes/lightfantastic/./assets/images/content-outer-wrap.png) repeat-y scroll left top;

If I use firebug to change to

background:transparent none;

it looks ok (not sure the purpose that image is meant to serve).

Posted by cmcguinness on May 21, 2009 at 5:48am

Thanks, the image is there as it's part of the original theme..... and I've only added the gradient now.

All the best,
Ciaran

Posted by perke on May 20, 2009 at 8:14pm

I will guess you're talking about left sidebar... remove the background image from div#content-outer-wrap and it will be ok.

Posted by cmcguinness on May 21, 2009 at 5:48am

Thanks for your suggestion, perfect!!!

All the best