IE Stylesheet

Discussion in 'HTML & Website Design' started by buckmajor, Jul 24, 2009.

0
  1. #1
    Hi there

    I am using a lightbox2 plugin for my gallery link and want to validate my css but the following errors occurred on W3C CSS Validator link
    I did some research and was told that I have to add an external stylesheet for IE.
    I have no idea but I think its something like this.
    <!--[if IE]><link rel="stylesheet" type="text/css" href="ie-only.css" /><![endif]->

    So what do I have to put inside the ie-only.css file?

    Many thanks in advance
    CHEERS :)
     
    buckmajor, Jul 24, 2009 IP
  2. forumhelper

    forumhelper Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    What you would want to post in the IE-6 only stylesheet is the workarounds in your current CSS file specifically for making lightbox work in IE. IE6 handles some CSS attributes differently than more current browsers, so developers often are forced to use non-compliant code to get that old archaic browser to display everything properly. This has been a headache in the industry since IE7 came out. While I would say it is desirable to be 100% XHTML compliant, I don't think it's worth going through the trouble to become 100% if you are close enough.
     
    forumhelper, Jul 24, 2009 IP
  3. buckmajor

    buckmajor Active Member

    Messages:
    574
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #3
    Thanks forumhelper

    I haven't got a clue since this is new to me. So what do you recommend?
     
    buckmajor, Jul 24, 2009 IP
  4. forumhelper

    forumhelper Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I would honestly recommend not worrying that your site isn't 100% CSS compliant. You could go through a lot of trouble now only to realize in the future that you want to add some feature that breaks your compliance anyway. What are your reasons for wanting the site to be 100% CSS compliant? If you really truly need it to be, try putting that one line of code (line 13 in lightbox.css) into it's own css file and linking to it in the if/endif code just for IE-6. I'm not sure you wouldn't get the same CSS error. Or you can try taking the offending code out completely (background-image: url(data:image/gif;base64,AAAA);) - in line 13 of that file. Then test it in IE-6 and see if it makes a difference. You can download a bunch of IE's from a company called Tredosoft, do a google for them or the phrase "multipleie". I don't think I'm allowed to post links because I'm a new member to this website forum.
     
    forumhelper, Jul 25, 2009 IP
  5. buckmajor

    buckmajor Active Member

    Messages:
    574
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #5
    Aha! I got it going.

    This is what I did.
    I removed the
    in the my style.css file and created a ie.css file with the
    .

    Then added this to the head tag


    Link

    Thanks forumhelper
    CHEERS :)
     
    buckmajor, Jul 25, 2009 IP