help with css in Internet Explorer

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • TriAdmin

    #1

    help with css in Internet Explorer

    First let me thank you in advance for any help you can provide. I have a
    left hand navigation (nav) menu in a div tag. The menu has a few links that
    are actually javascript that display hidden submenu links. The code will be
    below.

    This error is happening in IE only - when you click on a link that displays
    hidden submenu links, it makes the entire nav bar wider. I have tried to
    troubleshoot with no luck so far so I humbly come to you for help.

    Here's a code snippet that is already within a <ultag:

    HTML Code:
    <li><a href="#" onclick="javasc ript:showElemen t('menu1')">Sta rt
    Here</a></li>
    <li id="menu1" style="display: none">
    <ul>
    <li style="width: 100px;"><a href="menu1.php ">Menu 1</a></li>
    <li><a href="register. php">Register</a></li>
    <li><a href="termsofus e.php">Terms</a></li>
    </ul>
    </li>
    Here is the firebug readout of that element:
    ..nav li
    border-bottom:1px solid #90BADE;
    width:200px;
    }
    Inherited fromul.nav
    ..nav
    color:#22C3FF;
    font-size:0.8em;
    list-style-type:none;
    text-decoration:none ;
    }
    Inherited fromdiv#leftMen u
    #leftMenu
    font-family:Verdana, Arial,Helvetica ,sans-serif;
    }

    As I said, when you click on "Start Here", it calls a javascript that
    changes <li id="menu1"to be visible. That works fine. But the error is
    that the submenu, in fact all the menu items are wider than before you
    clicked on "Start Here." When you click "Start Here" again, the submenu
    disappears and the width goes back to what was intended.

    Please let me know if you need anything else to help diagnose.

    Many thanks for your help!


  • Beauregard T. Shagnasty

    #2
    Re: help with css in Internet Explorer

    TriAdmin wrote:
    As I said, when you click on "Start Here", it calls a javascript that
    changes <li id="menu1"to be visible. That works fine.
    ...for some value of "fine." What about the 10% or so who have
    JavaScript unavailable, disabled, or stripped by a corporate firewall?
    Whoops, no menu.

    Post the URL to the page, instead of these code fragments.

    Don't use Verdana.

    --
    -bts
    -Friends don't let friends drive Vista

    Comment

    Working...