Grow your CSS skills. Land your dream job.

Link .html file in IE conditional comments?

  • # October 3, 2012 at 1:13 am

    I’m aware that IE conditional comments allow CSS files and JS files to be linked/targeted, however, I’m wondering if the same can be done for a simple HTML file. If anybody has info or the proper method to achieve this I would be thrilled! Many Thanks.

    # October 3, 2012 at 1:29 am

    @NSR What is it that you’re trying to achieve?

    # October 3, 2012 at 2:20 am

    hi Kevin…

    I am attempting to prompt specific IE users to upgrade to a selected list of current browsers. I have created a simple html page which does just that. I’m aware there are several Javascript methods to this approach, but I would like to stick to the html doc I created.

    My goal is to link the page to specific versions of IE with the ‘conditional comment’ method in the head section of my main website. If you are aware of a better solution to serve the page…I’m all ears. Cheers!

    # October 3, 2012 at 2:22 am

    Here is a guid to the conditional comments…I couldn’t locate anything regarding the linking of .HTML files though.

    http://www.quirksmode.org/css/condcom.html

    # October 3, 2012 at 4:04 am

    @NSR What I JUST finished doing was redirecting IE users to a specific html page (except IE9 and IE10). All other browsers that try to go to that page will be redirected to the main site. Is this what you’re trying to do?

    Take a look at this in IE8: http://christopherburton.net/ie

    The following code redirects all IE versions below IE9 to a certain page. This would obviously go in your head section of your normal site.

    # October 3, 2012 at 4:13 am

    Hey Chris,

    That is exactly what I’m trying to do. So If I place that snippet in my head section of my main site i’m good to go? All i have to do is make sure the HTML file for IE in the same directory on the server as my Main page? Thanks!

    # October 3, 2012 at 4:25 am

    @NSR What versions of IE do you want to show that html page to? The snippet above will redirect all IE versions below IE9 to the specified URL of your choice. Just make sure to change my URL to yours.

    # October 3, 2012 at 4:48 am

    Same as yours…actually.

    I know this is a dumb question, but where should I place the html file that will act as the redirect for IE…same directory as my index.html on the server I’m assuming?

    P.S.
    my primary site is only one page (index.html)

    # October 3, 2012 at 9:43 am

    @NSR – It shouldn’t matter where you put the IE redirect page. But for easy use, put it in the same directory. Make sure you add a redirect back to your main site if the user HAS IE9 or above (or another browser) so that people don’t directly access the page when they aren’t supposed to.

    # October 3, 2012 at 9:56 am

    @NSR Sorry…but with a single page site, why on earth would you need another ‘just IE’ page?

    Secondly, some people are weird and like IE….nagging at them will make them NOT want to visit your site.

    In short, just let people with ‘older’ browsers be and they’ll get the experience they are happy with/used to.

    Nobody likes being nagged at.

    # October 3, 2012 at 1:44 pm

    @NSR You would put the snippet I posted above in your main page. That redirects IE users (IE8 and below) to the IE page. It doesn’t matter where your IE page is as long as you link to it correctly.

    Now on your IE page you would post the following to redirect all other browsers and IE9+ to back to your main page because they don’t need to see this.

    @Paulie_D If our analytics show that we do not have a substantial IE user base for those versions, it really doesn’t matter (especially for a portfolio site). It’s you, the developers, that are being nagged by having to develop for browsers that are not adhering to standards.

    # October 3, 2012 at 4:03 pm

    Thanks for the help guys…really appreciate it.

    @ChristopherBurton Initially I was going to redirect using the .htaccess, but this seems like a much better and quicker solution. Thanks again.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".