SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast tide's Avatar
    Join Date
    Mar 2005
    Location
    Hawaii
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    100% column width not working in IE6-7

    The typical problem...everything working great except in IE6&7. The 2nd column gets knocked down below the first. And, no I don't want it that way for mobile devices.

    I want the gray box to fill the width of the browser.

    Here's the url:

    http://dayaceglia.com/clients/LL-test/test.php

    Anyone know how to fix that?

    Any help would be much appreciated.

    Thank you.

  2. #2
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,183
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    On your second column simply remove the 100% width and it should work correctly, in IE6 however you may need to apply the double margin fix which is just a matter of halving the margin and applying it for IE6 only which you can do with the the underscore hack as seen below:

    Code CSS:
    #column2 {
        _margin-left: 150px;
    }
    Blog/Portfolio | Evolution Xtreme | DFG Design | DFG Hosting | CSS-Tricks | Stack Overflow | Paul Irish
    Having lame problems with your code? Let us help by using a jsFiddle

  3. #3
    SitePoint Enthusiast tide's Avatar
    Join Date
    Mar 2005
    Location
    Hawaii
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Works like a dream. Thank you! Thank you!


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
  •