WordPress.org

1. ericr23
   Member
   Posted 1 year ago #

   I have a simple bit of PHP code in the head section of my pages to load an Internet Explorer-specific stylesheet if necessary:

   <?php
   	$useragent = $_SERVER['HTTP_USER_AGENT'];
   	if (stristr ($useragent, 'MSIE')) {
   	echo ('<link rel=stylesheet href="http://www.domain.org/nwwstyleIE.css" type="text/css">'); } ?>

   Since most readers use MSIE, pages tend to be wp-cached <i>with</i> the MSIE stylesheet. (Ignoring for now the super-cached pages for logged-in users, most of whom use Firefox thus creating the opposite issue.)

   The result is that non-MSIE readers get a messed-up layout. Or MSIE readers get a messed-up layout if the page was first viewed by a Firefox or Safari user.

   How can I still dynamically supply the MSIE stylesheet in the cached file as needed? Javascript (which I unfortunately don't know at all well)?

2. ericr23
   Member
   Posted 1 year ago #

   I just learned about Microsoft's conditional comments. Would it work to replace the php code (see original post) with the following?

   <!--[if IE]>
   <link rel=stylesheet href="http://www.domain.org/nwwstyleIE.css" type="text/css">
   <![endif]-->

3. donncha
   Member
   Posted 1 year ago #

   eric - that should work. Since the PHP doesn't execute on cached pages you have to rely on Javascript or some other method.

4. Otto42
   Moderator
   Posted 1 year ago #

   The conditional comments are definitely the recommended way to have IE-specific rules.

   Alternately, a trick I use for IE specific fixes is to add // infront of any IE specific rules. Like so:
   .whatever {
   some-setting:rule;
   //some-setting:other-rule;
   }

   IE will use the second rule because it doesn't treat the // as comment markers. Every other browser does think it's a comment and ignores it.

5. ericr23
   Member
   Posted 1 year ago #

   Thanks, all. That's a neat trick for stylesheets, Otto. I've had the IE conditional comment in place instead of the PHP code for a couple days now, and that appears to have worked.

Topic Closed

This topic has been closed to new replies.