This is a migrated thread and some comments may be shown as answers.
Menu appear behind grid(IE7)
3 Answers 41 Views
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Jack
Top achievements
Rank 1
Jack asked on 23 Dec 2010, 08:30 PM
I have a DHTML menu and if we view it in IE8 or Firefox 3.6 it appears fine. In IE7 (images attached) the menu falls behind the grid. I have tried messing with the z-index but that does not help. How can I fix this for IE7.

I attached the exact source code that I used to generate the images.

Thank you.
Jack

3 Answers, 1 is accepted

Sort by
0
Barry
Top achievements
Rank 1
answered on 24 Jan 2011, 08:27 AM
Hi,

I am experiencing a similar problem. Any thoughts anyone?
0
Dimo
Telerik team
answered on 24 Jan 2011, 09:16 AM
Hi Jack,

The Grid component is by default positioned relatively. Since it comes after your Menu in the HTML source, it will always be on top of the Menu's dropdowns, unless the Menu is placed in a higher stacking context, compared to the Grid. In order to do that, please find the ancestor HTML elements of the Menu and Grid, which are siblings and place a position:relative and some z-index style to the Menu's ancestor. In your case this is div.header_noimage.

http://blogs.telerik.com/atanaskorchev/posts/09-07-02/z-index_demystified.aspx

Regards,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Barry
Top achievements
Rank 1
answered on 27 Jan 2011, 02:37 AM
Thanks Dimo,

I resolved my problem by setting the z-index high of the div container of my menu.
Tags
Grid
Asked by
Jack
Top achievements
Rank 1
Answers by
Barry
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or