Page 1 of 1

CSS menu keeps covering my content block

Posted: Fri Jan 18, 2008 3:26 pm
by gamache
I used the Navigation: CSSMenu - Horizontal with a template and now when the sub menu expands it goes behind my content block. (below the image)
How do I make the menu be in front of all blocks and content?
See example:
http://www.canoncityschools.org/teachers/vaniwarden/
Go to the button "Links" and "Wrestling"  (the options under "wrestling" go behind the gray block.)

If somebody could help, that would be SUPER SWELL!!

Beth

Re: CSS menu keeps covering my content block

Posted: Mon Feb 04, 2008 11:28 am
by fatcuban
Having the exact same problem, I have tried to use z-index to bring the div to the top layer but It doesn't seem to work.

If any one has a solution I would be most grateful

Thanks in advance

Re: CSS menu keeps covering my content block

Posted: Mon Feb 04, 2008 11:34 am
by jtcreate
It has to do with relative and/or absolute positioning. Your template must have that type of positioning somewhere.

To fix, you'll have to either remove it and build the template differently OR make the area with the menu in it have relative or abs. positioning. You can only use z-index if both have it.

Hope that helps,
Jeff T.

Re: CSS menu keeps covering my content block

Posted: Mon Feb 04, 2008 11:48 am
by fatcuban
Superb, that’s exactly what the problem was. Added position:absolute; and now I can specify the layer depth.

Thanks kindly