On 22 Mar 2007, at 18:32, Karl Bedingfield wrote:
> Is there a simple hack to adjust certain styles? In some instances I
> need to adjust padding and margin that act differently from IE6.
There are a few. If you have a separate IE-only stylesheet, you can use:
selector {
property: value; /* all */
_property: value; /* just IE 6 */
}
(INVALID)
Or the fact that IE6 doesn't understand the same selectors as IE7:
selector {
property: value; /* all */
}
parent + first-selector {
property: value; /* IE7 */
}
parent > selector {
property: value; /* IE7 */
}
If you only have one CSS file, you can use these to target IE6/7:
* html { IE <= 6 }
* + html { IE = 7 }
Or:
selector {
*property: value; /* IE6 + 7 */
_property: value; /* just IE 6 (to override the IE7 value above) */
}
(INVALID)
Alternatively there's more information available on the CSS-Discuss
Twiki for IE7:
http://css-discuss.incutio.com/?page=IE7
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
