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

Menu height squeezed in IE 9

2 Answers 35 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Clive Hoggar
Top achievements
Rank 1
Clive Hoggar asked on 02 Jan 2012, 09:00 PM
I have a horizontal menu that works perfectly and looks exactly as intended in 2011 version of Firefox, Chrome, and Safari.
But - surprise - does look right in IE 9.   What happens is that the height of the menu is squeezed by about 5 pixels, so that it is less than the divider images. On mouseover the height of the buttons is correct. 

I am using Q3 2010 and don't want to pay for a version upgrade just for this issue on this site.
Is there a css hack that can be applied to correct the button height for the case of IE9 browser?

See attached screen shot

Thanks

Clive

2 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 03 Jan 2012, 01:17 PM
Hi Clive,

I tested the issue that you describe with the 2010.3.1215.35 version of the Telerik controls but I am not able to get the appearance that you do. Below is the markup that I used. Can you modify it so that it replicates the problematic appearance?
<telerik:RadMenu runat="server" ID="RadMenu1">
            <Items>
                <telerik:RadMenuItem Text="item1">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item2">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item3">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item4">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item5">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item6">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item7">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item8">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item9">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item10">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item11">
                </telerik:RadMenuItem>
                <telerik:RadMenuItem Text="item12">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenu>
 
All the best,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Clive Hoggar
Top achievements
Rank 1
answered on 04 Jan 2012, 08:07 PM
Thanks for your example, which matched what I have. This made me go off looking for css errors,
and I found a forgotten XUA fix in the home page that forced IE to behave as IE7 . After removing that,
all is now well!

Thanks

Clive
Tags
Menu
Asked by
Clive Hoggar
Top achievements
Rank 1
Answers by
Kate
Telerik team
Clive Hoggar
Top achievements
Rank 1
Share this question
or