Hello everyone,

Is there a way to make a conditional property within a css file ?

For eg:

.one{
top:-10px;
height:20px;
width:100px;
}

can I make any one property like width:100px applicable to IE6 only and not for any other version of IE or any other browser?

Thanks in advance!

There's nothing like that built in in CSS. But you could use MS' own conditional comments to feed a whole style sheet specifically to IE6.
http://msdn.microsoft.com/en-us/library/ms537512.aspx
Note that unless they've fixed it, some of their examples contain errors. What they say in the text is correct though.

--
http://yupapa.com

Thanks a lot for the reply meow! Yes, I did try using a new css file for IE6 but the problem is that the loading doesnt take place smoothly.The browser applies the default styles first and then later load the styles for IE6 and for a second or two the screen keeps adjusting till the final settings are applied.Thats the reason I was wondering if there is any way to use conditions in a single css file.

-Thank You!

No, you cannot use a conditional property in a css file. What code is it you're having a problem with? Most issues can be resolved without needing to use separate code for IE6. Of course there are some issues that you can't get around, so if you use the MS conditional code the previous posted showed and only include the changed properties in that css file, it should load quicker. Do you have an example of what the problem is?

Shawn Steward
Web Developer
www.shawnsteward.com