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 to the CF scene
    Join Date
    Jun 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy IE6 positioning issue

    Hello,

    Everything works great in Firefox and Safari (as usual), but in IE6 Win there is a 3 or 4 pixel gap at the bottom of the main content area and left column. I am not sure what the problem is.

    http://www.joelblackbeatty.com/BathMcLellan/about.php

    I have tried a lot of different messing around with margins, padding, borders, floats, etc... but I can't solve the issue.

    Help would be greatly appreciated.

    Thanks,

    Joel

  • #2
    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
    EDIT: Wasn't that, i was too quick.

  • #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
    Try this:

    Code:
    #right_nav li {
    float : left;
    padding-right : 5px;
    height : 24px;
    display : block;
    list-style-type : none;
    line-height : 1.9em;
    letter-spacing : 0.1em;
    color : #ffffff;
    }

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Just for your information the problem was the Internet Explorer Expanding Box Bug (affecting IE6 and below)

    Related to the problem, I recommend not fixing the height of a div element using a pixel measure. The box won't scale under text zoom in Firefox, but the text within the box does scale. This means that text may be spilling out of the boxes under text zoom.

    Alternatives include (1) setting a min-height instead of a height, (2) setting the height using the em unit, or (3) setting no height (i.e. height: auto).


  •  

    Posting Permissions

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