Using !important to Separate Styles From IE
Snippet Menu
-1
Tue. Oct. 11th, 2005 1:26 PM
Using !important to Separate Styles From IE
<style type="text/css">
#container {
width: 500px !important; /*this is for Firefox. It understands !important*/
width: 450px; /*this is for IE. It skips the above value and reads this*/
}
</style>
#container {
width: 500px !important; /*this is for Firefox. It understands !important*/
width: 450px; /*this is for IE. It skips the above value and reads this*/
}
</style>
Bryan Kohlmeier
www.juicedthoughts.comJuiced Thoughts | Major Championships.com | Absolute Bica | LifeHut
Comments
Voting
Votes Up
Votes Down
For IE - you also want to use the < ! -- if IE lte 6 -- > tag to specify if Internet Explorer Less than or Equal to version 6 so that you can target the right overrides for the right browser.
~Jeremy