Aissac Blog

The Radiant SNS Extension is of great help at separating stylesheets and javascripts from other site content stored in pages. And if you use it with Radiant SNS Minifier Extension it adds the ability to minify CSS and JS files. This way you can keep the code the way you like it in the editor, but serve up minified files.

But there is a little problem with the minified versions of the CSS files on IE browsers (of course):

This CSS statement:

1
2
3

  #test { 
    border: 1px solid #000000;
    }

Is minified like this:

1

  #test{border:1px solid#000;}

Which for some reason is misinterpreted by IE browsers, which don’t apply the correct styles.

The simple solution is to break down the border statement like this:

1
2
3
4
5

  #test {
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
  }

This problem might appear also on some other CSS statements, I didn’t checked, but if something doesn’t look right on IE this might be the problem (among a lot others).