I'm using the transitional DOCTYPE. I have an <HR> tag, with no attributes, to which I've applied the following style:
hr{
color: #00FFFF;
height: 2px;
}
In IE, this renders as a solid line of the specified color. In Firefox1.0 and NS7.2, this renders as a 3-d shaded line of variations on the specified color. Yuk! I tried specifying the HTML NOSHADE attribute -- which, BTW, made no difference in IE -- but this now rendered as a black line in Firefox1.0 and NS7.2.
Does anybody know how to get this to render the same in both classes of browser?This worked for me:<style type="text/css">
hr {
color:#00ffff;
background-color:#00ffff;
height:2px;
border:none;
}
</style>Works great.I read somewhere here IE wants "color:" while FF wants "background-color:".color is text color, background-color is background color. It's multi-browser for IE 6 and FX 1.0.4, and should be with any CSS compliant browser.
hr{
color: #00FFFF;
height: 2px;
}
In IE, this renders as a solid line of the specified color. In Firefox1.0 and NS7.2, this renders as a 3-d shaded line of variations on the specified color. Yuk! I tried specifying the HTML NOSHADE attribute -- which, BTW, made no difference in IE -- but this now rendered as a black line in Firefox1.0 and NS7.2.
Does anybody know how to get this to render the same in both classes of browser?This worked for me:<style type="text/css">
hr {
color:#00ffff;
background-color:#00ffff;
height:2px;
border:none;
}
</style>Works great.I read somewhere here IE wants "color:" while FF wants "background-color:".color is text color, background-color is background color. It's multi-browser for IE 6 and FX 1.0.4, and should be with any CSS compliant browser.