Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Mar 2009
    Thanked 0 Times in 0 Posts

    IE6 picking and choose stylesheets

    Hey folks,

    I have an issue here. I have two stylesheets, a style.css and an ie6_style.css.

    I have added the commented IF statements at the of my pages as well.

    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="../css/ie6_style.css" />
    For some reason IE6 is picking and choosing which stylesheets to use but it still mainly defaults to style.css.

    I can make a couple changes to ie6_style.css and it will take affect in IE6 but IE6 seems to be more responsive to the style.css file. I've configured separate external IE6 stylesheets before and it has worked but I never ran into this problem. Here is the page:


    IE7 and Firefox look fine. IE6 is stacking them because of a left margin issue/bug. When I make changes to the ie6_style.css margins no changes take affect. Any help would be appreciated. Thanks!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Thanked 1,845 Times in 1,829 Posts
    Hello shaitiger,
    When you have #left_content float:left; and margin:0 0 0 10px; I think you're likely invoking IE6 double margin bug.
    You can fix that a couple ways...
    adding display:inline; to #left_content
    have a look at how two column layouts are typically done - example

    Hope that helps a little.
    Last edited by Excavator; 03-11-2009 at 09:40 PM.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts