Sent by Phil Barrett on 28 October 2004 17:05
I'm in the midst of coding a rather large form (100+ input fields) and
I'm trying to use CSS positioning rather than tables wherever possible
to lighten the load and grant more control over the design. My problem
comes with the apparent lack of support for the <label> tag by NS
(specifically NS7 which is what I have to test with).
In the form style I have the following declaration:
#frmClientProfile label {display:block; width:20%; float:left;}
And in the form the standard pairings of:
<label for=""></label>
<input ... /><br />
In IE, FireFox and even Opera 6 this works just fine and lines the
elements up nicely as though I had tabled them. The problem is that when
the float is applied in order to get the <label> and <input> elements to
nestle next to each other, the text disappears in NS7. Up until that
point NS happily ignores the display and width values so the form is
still perfectly usable, but looks terrible in the other browsers.
The only solution that I have found is to wrap an extra <span> within
each label and apply the styling to that, but I'd hate to have to go to
that extreme if anyone has a way of circumventing this or perhaps
feeding the float to all browsers except NS. I haven't been able to
find a CSS hack that references NS (Gecko) specifically however and
since FireFox is playing nicely I don't think all the Mozilla browsers
are having problems so I don't want to exclude them all from this rule.
Any suggestions or resource links would be appreciated.
Thanks,
Phil
The information contained in this email is confidential and is intended solely for the use of the
person identified and intended as the recipient. If you are not the intended recipient, any
disclosure, copying, distribution, or taking of any action in reliance on the contents is
prohibited. If you receive this email in error, contact the sender immediately and dispose of in a
secure manner.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
