Alright Richard,
Cheers for getting back to me, I've actually found a rudimentary fix
for the border problem. I doubt it will hold up when re-sizing text in
IE but to be honest for the rare occasions thats necessary it still
won't look too bad because everything is in the right order.
I had 10px of padding on the fieldset, this has the effect of
pushing the legend down within the fieldset, even though the fieldset's
/border/ is kept in line with the legend.
I first of all removed the padding ( using * html ), this made the
legend sit at the top of the fieldset but still contained within it.
When i first saw fieldset/legend rendering i thought it was an
automatic position: relative type effect, so in this instance that is
exactly how to fix this issue in IE,
* html fieldset {padding-top: 0;} /* remove 10px padding */
* html legend {position: relative; top: -10px;} /* move legend and
border to correct position */
I'm going to put a test together to find out if putting margin on
the fieldset and margin on its children instead of padding on the form
and padding on the fieldset alter the way its rendered in IE.
Hope this helps anyone with the same problem,
Rob
[EMAIL PROTECTED]
Richard Allsebrook wrote:
> Hi Rob
>
> > If anyone has seen this problem before and
> > knows how to sort it or knows a link please let me know.
>
> Yup, I've seen it before: in every single form I've ever made - and no,
> there's no way to fix it. This is just how IE renders the legend
> position :-(
>
> In this particular case, I would use a conditional style sheet (
> http://www.quirksmode.org/css/condcom.html ) to give IE a stylesheet to
> make it look presentable (change the background on the fieldset to that
> of the form for instance).
>
> They won't both look the same, but they both will look ok :-)
>
>
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
