Menu height squeezed in IE 9

3 posts, 0 answers
  1. Clive Hoggar
    Clive Hoggar avatar
    334 posts
    Member since:
    Nov 2008

    Posted 02 Jan 2012 Link to this post

    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. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 03 Jan 2012 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Clive Hoggar
    Clive Hoggar avatar
    334 posts
    Member since:
    Nov 2008

    Posted 04 Jan 2012 Link to this post

    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
Back to Top