Results 1 to 2 of 2

Thread: IE conditional stylesheet: modified DD liquid layout 2.1

  1. #1
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default IE conditional stylesheet: modified DD liquid layout 2.1

    Hello everyone,

    I'm modifying Dynamic Drive's Liquid Layout 2.1 to add 10% margin to each side of an extra wrapper for the content section (not the top or footer), thus making it fluidly centered. I'm using an IE conditional statement to change this to a 10% padding on the content section itself.

    The problem I'm encountering is the menu (left column, purple) div is not visible in IE until you shrink the browser below 700px or so, and then it's in the wrong place. the layout works perfectly in Firefox.

    Test Page
    "reset" css
    main css
    IE css

    Any suggestions?
    Thanks for your attention, everyone.

  2. #2
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    changing
    Code:
    #menucolumn{
    float: left;
    width: 200px;
    margin-left: -80%;
    }
    to
    Code:
    #menucolumn{
    float: left;
    width: 200px;
    position: absolute;
    margin-left: 10%;
    top: 90px;
    }
    seems to work on both browsers (with the IE conditional fix). Does anyone else know of a better way?
    Last edited by traq; 09-06-2009 at 11:00 PM.

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
  •