SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict
    Join Date
    Jul 2004
    Location
    Jed.
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    distance between links is bigger in ie6

    Why ie6 is making the height betwen links bigger than firefox?

    http://codg.bjaili.com/3

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta name="generator" content=
      "HTML Tidy for Linux/x86 (vers 1 September 2005), see www.w3.org" />
      <link rel="stylesheet" href="sr_css/sr_core.css" type=
      "text/css" />
    
      <title>MyCompnay</title>
    </head>
    
    <body>
      <div id="wrapper">
        <div id="Menu">
          <div id="QuickMenu">
           
            <ul>
              <li><a href="">Home</a></li>
    
               <li><a href="">About</a></li> 
    
    <li><a href="">Services</a></li>
    
    <li><a href="">Clients</a></li> 
    
               <li><a href="">News</a></li>
    
    <li><a href="">Contact us</a></li> 
            </ul>
          </div>
        </div>
      </div>
    </body>
    </html>
    Code:
    body
    { 
       padding: 0px; 
       border:  0px; 
       margin:  0px;
       font-family: Verdanal, Arial, Helvetica, sans-serif;
    }
    
    img {display: block;}
    #QuickNav  img {float:left; display: inline;}
    #QuickNavButtom {clear:both;}
    
    /* Give 20 pixel left margin */
    .ML20 {margin-left: 20px;}
    .Grey 
    {
      background-color: #E7E7E7;
      border-right: 1px solid #DBDBDB;
      border-left: 1px solid #DBDBDB;
      padding: 0 0 1em 0
    }
    
    #Menu
    {
      float: left;
      width: 326px;
    }
    
    
    #QuickMenu
    {
     float: left;
     width: 167px;
    /*  background-color: #D6BA08; */
    }
    
    
    #QuickMenu ul
    {
      background-color: #F1F1F1;
      margin: 0;
       padding: 1em .5em 1em 1em; 
      list-style-type: none;
      border-right: 1px solid #DBDBDB;
      border-left: 1px solid #DBDBDB;
    /*   background-color:green; */
    
    }
    
    #QuickMenu ul li 
    {
      padding-top: 3px;
     
    }
    
    #QuickMenu ul li a
    {
      text-decoration:none;
      color: #467B99;
      font-variant: small-caps;
     display: block;
      border-bottom: 1px solid #DBDBDB;
    /* display:inline; */
     
    
    }
    
    #QuickMenu ul li a:hover
    {
      color: #FF8400;
      border-right: 3px solid #FF8400;
      border-bottom: 1px solid #FF8400;
    }

  2. #2
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Add height:1%; for #QuickMenu ul li between conditional comments for IE to trigger hasLayout.


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
  •