Re: Amaya 11.3 -- legends
| Newsgroups | gmane.comp.web.amaya.general |
|---|---|
| Message-ID | <[email protected]> |
Thank you for the reply. I suspect i originally put the rule in there
to quiet a css-style-helper which indicated background conflict or something
And it can be removed to fix the display.
HOWEVER, I am of the belief that when there is a vagueness or lack
of definition in rendering legitimate code, that browsers should move to
an 'ad hoc' standard. This is clearly the class for this demo as
opera, safarii, firefox and msie all draw the legend element OVER
the fiieldset as it is nested inside it (box inside a box). I think
that html5 is also moving in that direction --- concensus view on rendering.
I will hold off on putting this one in bugzilla until more views are shared
as it can be fixed by dropping rule. But original issue still remains!
In your example, the style element contains a rule
legend {background:transparent;}
That's why you can see the border from the fieldset element through the
legend box.
To avoid that, remove the background rule, or change "transparent" to
"white".
I am not sure who is wrong here. Neither the HTML 4.01 spec nor the CSS
2.1 spec
clearly state whether the border of a fieldset element should be visible
or not
through a transparent legend box.
Vincent.
On 3/12/09 13:48, [email protected] wrote:
> <?xml version="1.1" encoding="iso-8859-1"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml11/DTD/xhtml1-strict.dtd">
> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
> <head><title>Legend Styles:[email protected]</title>
> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
> <style type="text/css">
> fieldset.r {border:2px solid maroon; margin:5px; padding:2px}
> legend {background:transparent;border:1pt solid black;
> margin-left:10px;padding-left:4px;padding-right:4px}
> </style>
> </head><body><h1>Legend Styles:[email protected]</h1>
> <p>Amaya 11.3 leaves the border from the fieldset element inside the
> legend
> box instead of placing the legend box <em>over</em> the top of the
> fieldset
> box. Check the look against any mainstream browser.</p>
> <fieldset><legend class="r">My Form</legend></fieldset>
> </body></html>
> --
> --
> John Russell, [email protected]
> http://home.cogeco.ca/~ve3ll
> http://home.cogeco.ca/~trains
> http://home.cogeco.ca/~cipher
--
--
John Russell, [email protected]
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher