As luck would have it, I just researched this issue yesterday. Not so
much the way your current code reads, but just how to style an <hr />
with CSS in general. The one I found which seems to work well on my
tests across Firefox, Safari, and Internet Exploder 6 and 7 is
something like:
hr
{border:1px solid rgb(203,204,220);
border-width: 1px 0 0;
clear: both;
margin: 15px 15%;
height: 0;
}
I've pretty much only copied and pasted this from a web tutuorial,
changed the specific colors to my own, and modified the margin values.
I can't tell you why the clear:both and height:0 needs to be in
there. I haven't tested it without those things. Perhaps someone
here can shed some light on those details.
Hope this helps,
Chris A
On Fri, Sep 26, 2008 at 11:46 AM, Nancy Johnson <[EMAIL PROTECTED]> wrote:
> I am converting a site with an older doctype to xhtml strict, not live.
>
> Throughout the older site I have always used for a rule: <hr size=1 noshade>
> Although <hr size=1 noshade> seems to view correctly in all browsers
> that we support using xhtml strict doesn't validate.
>
> I also tried this version and which also seems to view correctly, but
> doesn't validate
> <hr noshade="noshade" size="1px" />
>
> Adding height: 1px to css; seems to view correctly in IE browsers, but
> not correctly in mozilla or chrome.
> and you lose the noshade
>
> Borders instead of hr would only work in a few cases.
>
> Are there any other suggestions for alternatives?
>
> Thank you in advance
>
> Nancy
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
