Results 1 to 2 of 2

Thread: IE6 giving me grief. Buggers up column widths. HELP!

  1. #1
    Join Date
    Oct 2007
    Posts
    46
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default IE6 giving me grief. Buggers up column widths. HELP!

    I've just created a site which tests perfectly in most browsers except IE6 which ruins the column widths. It's been tested and the problem can be seen at https://browsershots.org/http://www....lty/index.html Check out how it looks in IE6.

    The original CSS for the problem div is:

    #content {
    width:270px;
    height:615px;
    background:#6a5126;
    float:right;
    margin: 0 5px 0 5px;
    padding: 18px 18px 18px 18px;
    }

    I've tried adding this to my page code:

    <!--[if IE6]>
    <style type="text/css">
    #content {
    width:245px;
    }
    <![endif]-->

    I've never done this before but it doesn't seem to be working. Does anyone have any ideas how to fix this problem? The page can be viewed at http://www.clearlygreendesign.com/endcruelty/index.html

    Thanks so much!

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    You don't have a closing <style> tag.

    Try this:

    Code:
    <!--[if IE6]>
    <style type="text/css">
    #content {
    width:245px;
    }
    </style>
    <![endif]-->

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
  •