css: z-index kills the dhtml-menus?!?
 

Hi,

I tried to include some skryscraper-advertising on the righthand side of my forums (no liquid templates allowed, whole forum has a fixed width).
Problem is some contents are to big for the forum width (e.g. large images or the pagenav sometimes) and than the forum extends the size of the posting to the right side and the post collides with the ad. I want the forum contents to lay on top of the advertising so that if both collide, the forum remains visible.

I tried to set the ad on z-index:-1
it worked, but the links on the advertising were not clickable any more.

Then I tried to set the ad on z-index:1 and the div#page on z-index:2. For that to work I also had to set position:relative on div#page.
Looks cool, but for some reason now all of the dhtml-menus are not working anymore!!

has anyone an idea why? any other possible solution?

Tahnks!

hmm I don't think doing that alone is the cause of your menues not working. Now these ads that you are talking about, are they from adsense?

Also you named the div tag around the ad div#page? maybe try renaming the page to something else?

the ad is only a selfmade HTML code, no tricks there.

and #page is a standard vB-div, I didn't changed a thing in the template(s), only in the css.

has anybody else an idea?

z-index and select lists are notoriously fussy. "Select/option" essentially ignore z-index in IE. It's a bug they've never fixed. So if your DHTML menu uses selects, you're in trouble.

Also, Flash ads ignore z-index, and always go on top of other content, so drop-down menus are another problem.