Safari 3.1 (523.13) Screenshot is at: www.webbwize.co.uk/Test_Area/images/Safarihr.jpg
Yes, I realise that Firefox knows about colors, I was only talking about them being unknown when dealing with <hr>. Browser bugs/differences. Who needs 'em? :-) 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: Alan K Baker Cc: css-d Sent: Wednesday, April 09, 2008 12:42 AM Subject: Re: [css-d] <hr /> styling Hi Alan, > Safari behaves in a similar way to Opera. Which Safari and do you have a screen shot? > you don't set border-style so I don't know where it inherits that Philippe Wittenbergh has shown us (in this thread) the default settings for Fx3, so you might want to look into it again. > 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. Of course Fx know these colors, but it does not want to apply any! (to proof that I've updated http://test.rudolphina.org/hr.html ) > the only really useful browser consistent attribute that <hr> has is > its ability to alter its width It is not as bad as you see it now: if you apply a padding for non-IE and reserve height for IE you will be able to use the background-color consistently. Cheers, Manfred On 09/04/2008, Alan K Baker <[EMAIL PROTECTED]> wrote: > 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/ > ______________________________________________________________________ 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/
