For example you have a class called table width. In Firefox it looks good but in IE7 its too wide and in IE 6 its too short. Here is a diagram of how the hacks work.
Since you coded for FireFox you should not need to hack it.
If you want a style to only be seen by IE7 and IE6 place a # in front of the style
For IE6 only place a _ in front of the style.So if your main styling code for a class tablewidth looks like his:
.tablewidth
{
color:black;
padding:0px 5px 3px 2px;
width:532px;
}remove the problematic style and create a new section below the original:
.tablewidth
{
color:black;
padding:0px 5px 3px 2px;
}/*Hacks for tablewidth class*/
.tablewidth
{
width:532px; /*Firefox/Safari will read this*/
#width:530px; /*IE7 and IE6 can only see this */
_width:520; /*Only IE6 can read this */
}
Coding the style sheets in this way will make you code much more readable and make you hacks easier to find and remove if you solve the problem or rework using conditional statements
以上内容摘自:
http://www.oateck.com/blogs/programming_tips/archive/2008/01/23/cross-browser-development.aspx