2 column layout - won't display properly in IE6

Discussion in 'CSS' started by mikey1090, Mar 12, 2008.

0
  1. #1
    My 2 column layout is looking good in IE7 and FF2.

    Just having problems in Internet Explorer 6.

    http://www.nobledirectory.com/phpld/

    Thats the site.

    Also how can I make the 2 columns stretch right down to the footer without leaving a gap?

    Mike
     
    mikey1090, Mar 12, 2008 IP
  2. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #2
    To fix IE6 could try adjust div#rcol's width. The padding/margin/width is the usual culprit when it does that. Easy solution to the column length is to assign a white background color to div#wrap.
     
    shallowink, Mar 12, 2008 IP
  3. ronakbhagdev

    ronakbhagdev Peon

    Messages:
    251
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Follow this steps:

    1). You don't need #lcol-box and #rcol-box. Remove '<DIV id=lcol-box>' and relative '</div>'

    2). Similar remove Remove '<DIV id=rcol-box>' and relative '</div>'

    3). Goto main.css and replace #wrap {background: #969964; margin: 0px auto; width: 980px; height: 100%} with #wrap { background-color:#FFFFFF; margin: 0px auto; width: 980px;
    }

    4). replace #rcol {padding-left: 45px; float: left; width: 240px; padding-top: 59px; position: relative; background-color: #ffffff; text-align: left} with #rcol {padding-left: 35px; float: right; width: 240px; padding-top: 59px; position: relative; background-color: #ffffff; text-align: left}



    Done!!!


    Works in both IE and FF....
     
    ronakbhagdev, Mar 12, 2008 IP
    mikey1090 likes this.
  4. mikey1090

    mikey1090 Moderator Staff

    Messages:
    15,869
    Likes Received:
    1,055
    Best Answers:
    0
    Trophy Points:
    445
    Digital Goods:
    2
    #4
    Simply amazing. I cannot thank you enough!

    10 green rep points from me! :)
     
    mikey1090, Mar 12, 2008 IP