• From: DC
  • Registered: 2010-03-10
  • Posts: 313
  • User Karma: 6

Topic: ie specific CSS sheet

Is it possible to do this? A few elements on my site need their pixels, margins etc. adjusted for internet explorer. How can I create an internet explorer stylesheet?

My Arras Site: http://Orioles-Nation.com

oriolesprospects's Website

Thumbs up

  • From: Sydney, Australia
  • Registered: 2010-01-09
  • Posts: 199
  • User Karma: 16

Re: ie specific CSS sheet

The basic technique is to create a new stylesheet with your IE styles then put something like this into <head>:

<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->

You can even pick out individual IE versions if need be.

Are you using an arras child theme? If so you could add this in your child theme's functions.php with something like this (note I haven't tested this fully yet):

function ie_styles()
{
  echo '<link rel="stylesheet" type="text/css" href="ie-only.css" />';
}

add_action('arras_head', 'ie_styles');

You'd probably need to call a wordpress method to get the right directory for the stylesheet as well (or hard code it).

If you're not using a child theme you could maybe modify one of the functions in with arras/library/styles.php.

My Arras site: Lakwatsera de Primera - a Philippines travel/photography blog

charlesb's Website

Thumbs up