Forum Moderators: not2easy

Message Too Old, No Replies

background image works in IE not FF

         

skifreak

2:11 pm on Mar 21, 2010 (gmt 0)

10+ Year Member



This works great in IE
tabbedfeature{

background:transparent url(/images/transitions/tabbed-feature/solid_bg.gif) repeat-y scroll left top transparent;

margin:0 auto;
position:relative;
width:758px;
}

It does nothing in FF. Any hack or fix? I have tried _background and no luck

When I use firebug to see what styles it is using here is what I get (doesnt even show the background, I also added it in Firebug and it still didnt work):

.tabbedfeature {
margin:0 auto;
position:relative;
width:758px;
}

drhowarddrfine

2:23 pm on Mar 21, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



In your first example, there is no dot before tabbed feature?

You have too many values for 'background', that's why it's not working. Perhaps get rid of transparent?

skifreak

5:01 pm on Mar 21, 2010 (gmt 0)

10+ Year Member



I had the period but it didnt past. I have removed transparent and still the same.

.tabbedfeature{

background:transparent url(/images/transitions/tabbed-feature/solid_bg.gif) repeat-y scroll left top;

margin:0 auto;
position:relative;
width:758px;
}

drhowarddrfine

6:40 pm on Mar 21, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Does .tabbed feature have any content? Otherwise you need to give it a height, too. (Do not look to IE as a reference for how things should work. IE cannot be trusted to do anything right.) This works fine for me.

skifreak

8:25 pm on Mar 21, 2010 (gmt 0)

10+ Year Member



That was the problem... i added height and it worked.. thanks!