Hi Manfred. Safari behaves in a similar way to Opera.
In non-IE browsers, when a border is shown it appears to be in an inset style in two colors, but looking at your code, you don't set border-style so I don't know where it inherits that from. Firefox is even worse as it doesn't seem to know what fuchsia and aqua are so displays white with inset borders in shades of gray. The borders do take on the same hue family in lime! What a total nightmare and a minefield for the unwary. I must admit that if I'd specified the original <hr> that I used, I'd have made a 1px box with a background color and specified its length. ISTM that the only really useful browser consistent attribute that <hr> has is its ability to alter its width to suit its container. :-) Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups Shopsmith 520 + bits Flatulus Antiquitus ----- Original Message ----- From: Manfred Staudinger To: Philippe Wittenbergh Cc: CSS-D Sent: Tuesday, April 08, 2008 9:28 PM Subject: Re: [css-d] <hr /> styling Reading through your responses I found it necessary to set up a small test page to show the effect of specifying different properties for color on the hr element. http://test.rudolphina.org/hr.html Because of the number of bugs, interpreting the results is a non-trivial task certainly. Some examples: a) IE 6 and IE 7 do show the background-color specified - but if the hr has color specified also, you have to set color: none; to get it. b) Firefox 2.0.0.13 ignores height completely. c) Opera 9.25 does honor the border-color property if specified, but fails to use the color property in its absence. d) margin: 0; does what you would expect in Firefox 2.0.0.13 and Opera 9.25 but not for IE 6 and IE 7, where you have to specify margin: -7px 0; Enjoy finding more bugs. For your reference ("Box model"): http://www.w3.org/TR/CSS21/box.html#border-color-properties I would also be interested to hear about Safari, Fx 3b and IE 8b. Thanks, Manfred ______________________________________________________________________ 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/
