Forum Replies Created

  • Kevin Richards

    October 2, 2011 at 1:06 pm in reply to: Horizontal Spry menu – Problem in IE

    I was having a similar problem with my menu bar. In IE it was being displayed vertically instead of horizontal as it should. Your suggested fix, or the others did not resolve the issue, but here is what I did to fix it. Just in case someone else needs the help. In the spry CSS the width property for the menu bar was set to auto.

    ul.MenuBarHorizontal
    {
    margin: 0px 0px 0px 5px;
    padding: 20px 0px 0px 0px;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    text-align: center;
    }

    I specified a width and that resolved the issue for me.

    ul.MenuBarHorizontal
    {
    margin: 0px 0px 0px 5px;
    padding: 20px 0px 0px 0px;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 780px;
    text-align: center;
    }

    Also my menu was within a table and so I had to also increased the colspan inline as well to accommodate the width of the menu bar. Hope this may help someone.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy