Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    May 2009
    Posts
    37
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Nav hover effect in IE

    In ie6 the nav bar has more spacing pushing the letters down farther and closer to the torn paper. Would anyone know a quick fix?


    http://dorm-in-a-box.myimpactcms.com/default.aspx

  • #2
    Regular Coder
    Join Date
    Jan 2009
    Posts
    316
    Thanks
    7
    Thanked 92 Times in 91 Posts
    I'm pretty sure it's an Extra Whitespace bug.

    You already have a conditional IE statement, so add the line in red:

    Code:
    <!--[if lte IE 7]>
    		<style type="text/css">
                           body { behavior: url("../css/menu.htc"); }
                           .menu_h li.top_level a.top_level {height:1%; display:inline;}
    		</style>
    	<![endif]-->

  • #3
    New Coder
    Join Date
    May 2009
    Posts
    37
    Thanks
    2
    Thanked 0 Times in 0 Posts
    That fixes the main navagation but look what it does to the subnav in ie6 when you hover over "bundled eddentials

  • #4
    Regular Coder
    Join Date
    Jan 2009
    Posts
    316
    Thanks
    7
    Thanked 92 Times in 91 Posts
    I couldn't download a copy that included your subnav.

    Try using ie7.js to see if that will solve all your problems. Replace the conditional IE statement with this:
    Code:
    <!--[if lt IE 7]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
    <![endif]-->
    Just curious if that works for you. There's a LOT of code to go through as your CSS is over 1100 lines!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •