Click to See Complete Forum and Search --> : Background image not showing in Firefox


hitman
04-25-2005, 01:38 AM
If you go on this page (http://masa.intnet.mu) with IE, Firefox and Opera, they will not show the same.
In IE it works fine.
In Firefox, it doesn't show the background image 'latest news'.
In Opera, there's a white bar on the menu and when you open the submenus, it's all messed up.

I'm all confused. I have validated the page and it said that it was ok. Could you please help me?

_Aerospace_Eng_
04-25-2005, 03:36 AM
you need to use units in your inline CSS
style="width: 253px; height: 116px"

bathurst_guy
04-25-2005, 03:42 AM
What happens if you change it from background to background-image (seeing as though you have only set this property, firefox mightn't like it?) And Quote: "Z-index only works on elements that have been positioned" you may need to add position: absolute; to this class.
Final result:
div.container3 {
position: absolute;
background-image: url(gfx/news.jpg);
top: 160px;
left: 132px;
z-index:-1
}

As for the menu I dont have opera so i cant help debug.
Hope these help??, let me know.

Fang
04-25-2005, 10:01 AM
A negative z-index in FF places the element behind the body element.

Your layout using absolutely positioned elements is completely flawed and illogical. It needs to be rewritten in a logical order.