Results 1 to 2 of 2

Thread: Extra Space Below Chrome Menu in IE8

  1. #1
    Join Date
    Jan 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Extra Space Below Chrome Menu in IE8

    1) Script Title: Chrome Menu

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...rome-menu-bar/

    I'm having an issue with extra spacing appearing below my menu, above the other divs. It appears only in IE8 (of course). Displays perfectly in Firefox.

    Code:
    #chromemenu{
    	width: 780px;
    	font: bold 16px;
    	font-family: "Gill Sans MT", "Century Gothic", Verdana, Arial;
    	margin: 0px;
    	padding: 0px;
    }
    #chromemenu:after{
    	content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;
    	margin-bottom: 0px;
    }
    #chromemenu ul{
    border: 1px solid #BBB;
    width: 100%;
    background: url(../menu/chromebg.gif) center center repeat-x;
    padding: 5px 0;
    margin: 0;
    text-align: left;
    }
    #chromemenu ul li{
    display: inline;
    }
    #chromemenu ul li a{
    color: #494949;
    padding: 5px;
    margin: 0;
    text-decoration: none;
    border-right: 1px solid #DADADA;
    }
    #chromemenu ul li a:hover{
    background: url(../menu/chromebg2.gif) center center repeat-x;
    }
    Code:
    <div id="chromemenu">
    <ul>
    <li><a href="../index.html">Home</a></li>
    <li><a href="../wireless.html">Wireless Broadband</a></li>
    <li><a href="../dialup.html">Dial-Up</a></li>
    <li><a href="../design.html">Web Design &amp; Hosting</a></li>
    <li><a href="../contact.html">Contact</a></li>
    </ul>
    </div>
    Thanks!

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmm testing the above code in IE8, without or without a valid doctype, I see no extra space actually. Does the problem occur for you even on a blank page with just the above?
    DD Admin

Bookmarks

Posting Permissions

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