Michael Landis wrote:
> 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)
Then it is very close to the idea to forget the whole fieldset-coding,
and replace it by common div's and classes:
<div class="fieldset-imi">
<div class="legend-imi">a young HTML monkey - imitation</div>
<div class="field-imi">content...</div>
</div>
http://home.tiscali.nl/developerscorner/css-discuss/test-monkey-imitation.htm
:-)
Greetings,
francky
______________________________________________________________________
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/
