On 7/2/06, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
<snip/>
> What you are trying to solve here, of course, is a bug in iExploder,
> with the background 'leaking' out of the fieldset border... You then
> could apply all those styles for IE only.
<snip/>
> The legend element is very difficult to define in terms of css (which
> is the reason for those !important rules in Gecko's forms.css).
> It never mattered too much for me, but then, I'm not in the business
> of pixel precise design.
Indeed -- form controls are perhaps the most difficult elements to
style cross-browser, as Roger Johansson details in his articles on
form controls.[1] Perhaps the way my coworkers got around the problem
requires some additional markup, but ends up being much more
manageable from a design standpoint -- nest "styleable" tags within
the fieldset-type tags, like so:
<fieldset>
<div class="container">
<legend><span>Legend</span></legend>
content...
</div>
</fieldset>
Then clear out all of the fieldset/legend styling (removing borders,
paddings, margins, verticl alignments, etc.) and replace it with
styling on the div.container and the span inside the legend. It may
also not be pixel perfect, and you might need some degree of hacking
depending on what type of style you want to re-apply, but it seems to
bring the browsers into a much more consistent state of style than
trying to tweak the fieldset and legend specifically -- at the cost of
a bit more markup.
HTH,
Michael
[1] http://www.456bereastreet.com/archive/200409/styling_form_controls
-- apologies if this has already been described (I'm coming in late to
the post)
>
>
> Philippe
> ---
> Philippe Wittenbergh
> <http://emps.l-c-n.com>
>
>
>
>
> ______________________________________________________________________
> 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/
>
______________________________________________________________________
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/
