This is a migrated thread and some comments may be shown as answers.

Layout overlap with Menu

3 Answers 122 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Neil
Top achievements
Rank 1
Neil asked on 13 Mar 2008, 05:53 PM
I've got a RadGrid below a RadMenu, and there seems to be some wierd overlap happening. In Firefox, I get a gray box partially behind the menu, and the contents of the grid are shoved to the right of the menu. I suspect the gray box is supposed to be the Grid's div, since the box and the grid text seem to line up pretty well.

It's also broken in IE, though it appears differently. In IE the gray box is still underneath the menu, but it is almost entirely covered by the grid contents. The grid contents are below the menu, not to the right as in Firefox.

A picture of the Firefox bug:
http://i27.tinypic.com/30uv4lf.png

The IE bug (note the circled area where the gray box is visible):
http://i30.tinypic.com/wimx1.png

3 Answers, 1 is accepted

Sort by
0
Neil
Top achievements
Rank 1
answered on 14 Mar 2008, 02:11 PM
Apparently this is a RadMenu bug. In messing around with the problem, I've noticed that if I replace my Grid with other controls, they show the same behavior.

Via the awesome Firebug extension for Firefox, I was looking through the styles and discovered that removing "float: left;" from .RadMenu fixed it.
0
Aaron Lewis
Top achievements
Rank 2
answered on 09 Apr 2008, 11:30 AM
If anybody wants to use the fix that Ralph found without having to use a custom skin or move away from the embedded ones just yet, you can put the following in your code-behind (kinda hacky, but avoiding custom skin/more files to deploy):

radMenuName.Style.Add("float", "none");
0
Nate
Top achievements
Rank 1
answered on 21 Oct 2008, 06:39 AM
The issue I found was that .RadMenu was set to z-index: 7000;  Just set it to 1 in the CSS file.

Great job bring up firebug.  I already used it, but didn't think about the inspector.  That probably saved me a ton of time.
Tags
Menu
Asked by
Neil
Top achievements
Rank 1
Answers by
Neil
Top achievements
Rank 1
Aaron Lewis
Top achievements
Rank 2
Nate
Top achievements
Rank 1
Share this question
or