> -----Original Message-----
> From: Patrick Lauke [mailto:[EMAIL PROTECTED]
> Sent: Monday, 25 April 2005 8:51 PM
> To: wsg@webstandardsgroup.org
> Subject: RE: [WSG] Styling of <legend> in Firefox
> If you can live with the weird margin at the top (which
> shouldn't affect
> the form, but it does ?!), you could try something like
>
> #main fieldset {position:relative; border: none; }
> #main legend {position: absolute; margin-top: 50px;}
>
> This works for FF only...IE seems to get this one right, for a change,
> and makes a mess. *shrug*
Nasty browser business. :)
I am tempted to double up my legend:
<fieldset>
<legend>Login Details</legend>
<div class="title">Login Details</div>
[...]
</fieldset>
#main legend{display:none}
.title{background-image:url(images/fieldset_small_bg.jpg);
background-repeat:no-repeat;}
This way I get valid HTML (legend inside fieldset) as well as having a title
to position and style however I want. But if somebody views this page
without css they will be wondering what the hell I was thinking. And it's
not really in the idea of web standards...
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
