SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    May 2007
    Posts
    126
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE6 Float problem (Please reply asap)

    Hi all,

    I have a problem with the layout. I have 2 containers one holding the left divs and one holding the right divs.

    I can get it to work in IE7 fine the two container go side by side but in IE6 the right container is dropping below the left on instead of staying to the right.

    LINK: http://www.istl.com/css/view-product.php?ID=41


    Can anyone help
    Thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,526
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Its your related products box that has a margin-right of 109px that is being doubled by IE dut to the double margin bug.

    Either add the display:inline fix:

    Code:
    #related-products {
    border:1px solid #999999;
    float:right;
    margin-right:109px;
    display:inline;
    width:100%;

    Or change it to float left instead.

    Code:
    #related-products {
    border:1px solid #999999;
    width:100%;
    float:left;
    }
    You have that style twice in your page and once with a 300px width for some reason.

    I'm not sure where you wanted that related box to line up but if you don't want it underneath you will have to increase the size of the main right container.

    You also have some odd things going on where you are mixing percentages and pixels and it will never add up. You also have an element at 102% width and you would rarely want to do that because it will never fit in the space allocated because 100% is the limit.


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
  •