Ingo Chao wrote:
> Unicorn Design wrote:
>
>> http://www.excellenterprisesllc.com/contact.php
>>
> The problem is demoized here [1].
>
> I think a fix could be to pull the legend with a negative margin, apply
> position:relative to fix the clipping, and to apply position:relative to
> the fieldset in order to fix the positioning of the legend itself. Sigh.
>
> In your Conditional Comment:
>
> #email fieldset { position:relative; }
> #email legend { position:relative; margin-top: -1em; }
>
> And remove the first <br> before the legend.
>
> Ingo
>
> [1]
> http://www.456bereastreet.com/lab/styling-form-controls-revisited/fieldset/
>
>
Hi Denise,
Yes, a good fix (hear, hear, Ingo). - In practice it turns out to be a
margin-top of -1.55em in this case. And the legend is even maintaining
it's position in IE at different resolutions: pff! ;-)
Addendum: also a bit extra margin-bottom for the #email legend appears
to be needed for IE, to compensate the upwards shifting.
So besides the #email fieldset { P:R; } our never satisfied glutton
wants to eat in the Cond.Comm.:
#email legend {
position:relative;
margin-top: -1.55em;
margin-bottom: 10px;
}
Tested in IE6 under WinXP: testpage
<http://home.tiscali.nl/developerscorner/css-discuss/test-legend-in-form.htm>
Greetings,
francky
btw:
Filling the empty <label></label> with a
<label> </label>
is pushing the Submit Button under the text area in not-IE.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
