Loading...
 
Themes

Themes


Odd z-index problem

Japan

Here's an interest puzzle: I made a new theme that uses a vertical phplayersmenu at the top of the left column. The menu works fine for all pages in Opera and Internet Explorer. But in Firefox, the menu's subframe (which has a background-image) appears to be below the page content of the wikitext div of wiki pages only. That is, anything within the wikitext div is displayed on top of the menu's borders and links, etc. (so there's text displaying on top of text). The pagetitle and description are below (covered up by) the subframe, as is all content of all other pages, including blogs, forums, galleries, etc. Only wiki pages' wikitext is displaying incorrectly on top of the menu subframe.

The phplayers subframe has a z-index of 1000, which should ensure that it displays on top of all other page content. Why does Firefox act like the wikitext div has an even higher z-index? I'm used to seeing high z-index layers appear to be under iframes/input gadgets and the like, but this is the first time I've seen one slide under a Tiki div.

I've tried giving div.wikitext a low z-index, but it doesn't help. Any ideas?

-- Gary

Japan

Got it fixed, or at least worked around. I googled and found this page where somebody had a similar problem. For some reason, the overflow property of the wikitext div underlying the menu was messing up Firefox's handling of the layers. When I deleted the wikitext overflow property, the menu subframe displayed normally, just like on the other pages and in the other browsers. biggrin See the results here if you like.

-- Gary


Italy

The same happens with the box, box-title, and box-data classes. You'll have to remove the overflow properties from those too.

PP