By dferriman on

I am working on a website, and I altered a pre-made theme and the CSS of one of the modules. The CSS changes I did are great in every browser other than IE7 & 8. It really messed the site up in IE. (I don't test for IE6 or under.) I know that I can normally fix CSS in HTML using --[if IE] but how do I fix it in the CSS?

Thanks!

⋅ Categories: Drupal 6.x

Comments

vm’s picture

vm commented

you can investigate conditional stylesheets, or take the time to figure out what css in use isn't cross browser compatible.

dferriman’s picture

dferriman commented

I know which CSS code is the issue, I was hoping to bypass it in the CSS, like you can with CSS written in HTML, but if that is not possible, I guess a second sheet is the only other way.

Thanks!

dferriman’s picture

dferriman commented

If you are haveing the same question, this link to Wikipedia has some good answers.

http://en.wikipedia.org/wiki/CSS_filter

I think the easiest way to use alt. code in a CSS sheet is to ad !ie to the end of the code.

ex:

color: red;
color:blue !ie;

This will make the text blue in IE and red in everything else.

coxw’s picture

coxw commented

You should post a link or some css examples of whats breaking. You may not need to override it with custom browser specific stylesheets. A lot of people on here are awesome with CSS.