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 3 of 3

Thread: IE 6 Bug

  1. #1
    New to the CF scene
    Join Date
    Aug 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE 6 Bug

    Hello,

    Glad to be at the forums.

    Would anyone be so kind to take at look at this page in IE 6.

    http://www.mrsim.co.uk/hupnew

    As you can see there is a small blue line through the site. This does not take place in FF or IE 7.

    The css is,

    Code:
    body
    {
    background-color: #3c4a54;
    text-align: center;
    overflow: hidden;
    }
    div.main
    {
    width: 878px;
    margin: auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    overflow: hidden;
    }
    div.header
    {
    width: 100%;
    height: 87px;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    }
    div.navtop
    {
    background-image: URL('images/navtopbg.jpg');
    padding: 0;
    margin: 0;
    min-height: 31px;
    overflow: hidden;
    }
    ul.navtop
    {
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    }
    li.navtop
    {
    display: inline;
    list-style-type: none;
    border-style: solid;
    height: 31px;
    border-width: 0px 1px 0px 0px;
    border-color: #7d8a94;
    padding: 0px 5px 0px 5px;
    overflow: hidden;
    }
    
    a.topnav
    {
    min-height: 31px;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    line-height: 31px;
    font-family: Arial;
    overflow: hidden;
    }
    a.topnav:hover
    {
    min-height: 31px;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    line-height: 31px;
    font-family: Arial;
    overflow: hidden;
    }
    a.topnavcurrent
    {
    min-height: 31px;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    line-height: 31px;
    font-family: Arial;
    overflow: hidden;
    }
    div.leftcol
    {
    width: 200px;
    float: left;
    background: #ffffff;
    height: 822px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    
    }
    
    div.info
    {
    padding-left: 11px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: auto;
    width: 188px;
    float: left;
    overflow: hidden;
    }
    ul.leftnav
    {
    overflow: hidden;
    width: 187px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }
    li.leftnav
    {
    float: left;
    margin: auto;
    background-color: #cbd0d4;
    padding: 0px 0px 0px 0px;
    width: 187px;;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #7d8a94;
    list-style-type: none;
    overflow: hidden;
    }
    li.leftnavcurrent
    {
    float: left;
    margin: auto;
    background-color: #e8e7e7;
    padding: 0px 0px 0px 0px;
    width: 187px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    border-color: #7d8a94;
    list-style-type: none;
    }
    li.leftnavheader
    {
    float: left;
    margin: 10px 0px 0px 0px;
    background-image: URL('images/header-infobox.jpg');
    padding: 0px 0px 0px 0px;
    width: 187px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #7d8a94;
    list-style-type: none;
    line-height: 6px;
    }
    li.footerinfo
    {
    background-image: URL('images/footer-infobox.jpg');
    width: 187px;
    }
    li.leftnav:hover
    {
    float: left;
    margin: auto;
    background-color: #e8e7e7;
    padding: 0px 0px 0px 0px;
    width: 187px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #7d8a94;
    list-style-type: none;
    }
    ul.navdrop
    {
    width: 187px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }
    li.navdrop
    {
    float: left;
    margin: auto;
    background-color: #bababa;
    padding: 0px 0px 0px 0px;
    width: 187px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #7d8a94;
    list-style-type: none;
    }
    li.navdrop:hover
    {
    float: left;
    margin: auto;
    background-color: #e8e7e7;
    padding: 0px 0px 0px 0px;
    width: 187px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #7d8a94;
    list-style-type: none;
    }
    a.navdrop
    {
    padding: 6px 0px 3px 5px;
    float: left;
    width: 187px;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    }
    div.rightcol
    {
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 0px 0px -9999px;
    padding-bottom: 0px;
    background-color: #ffffff;
    height: 800px;
    min-width: 680px;
    }
    a.leftnav
    {
    padding: 12px 0px 4px 5px;
    float: left;
    width: 187px;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    }
    a.leftnavheader
    {
    padding: 8px 0px 4px 5px;
    float: left;
    max-width: 187px;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    }
    li.footerinfo
    {
    float: left;
    background-image: URL('images/footer-infobox.jpg');
    width: 187px;
    list-style-type: none;
    line-height: 17px;
    border-width: 0px;
    }
    h1
    {
    font-size: 18px;
    font-weight: normal;
    font-family: arial;
    }
    img.affhor
    {
    padding: 5px 0px 0px 5px;
    }
    div.footer
    {
    font-size: 14px;
    text-align: center;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 00px 0px;
    background-image: URL('images/footer.gif');
    }
    p
    {
    font-size: 14px;
    }
    h1
    {
    font-size: 18px;
    }
    div.index
    {
    color: #ffffff;
    letter-spacing: 8px;
    padding-left: 45px;
    padding-right: 30px;
    line-height: 48px;
    background-image: URL('images/alpha.jpg');
    }
    a.alpha
    {
    color: #ffffff;
    text-decoration: none;
    }
    a.alpha:hover
    {
    color: #000000;
    }
    h2
    {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #000000;
    margin-right: 5px;
    }
    li.cat
    {
    list-style-type: square;
    }
    a.cat
    {
    text-decoration: none;
    color: #000000;
    }
    
      li.alphabet
      {
      list-style-type: square;
      }
      a.alphabet
      {
      text-decoration: none;
      color: #000000;
      }

  • #2
    New to the CF scene
    Join Date
    Aug 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Solved

  • #3
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Care to share so others with the same problem can benefit?
    .
    .


  •  

    Posting Permissions

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