On Jun 12, 2011, at 10:11 PM, Philippe Wittenbergh wrote:
On Jun 13, 2011, at 7:16 AM, Michael Beaudoin wrote:
http://ba-doyn.com/junk/widget_test/index_redo.html
Thanks,
Michael
Whoops. The birthdate and state pulldown don't wrap in Safari, but
in IE and Firefox for Mac/PC it's the postal code field that
doesn't wrap.
And use your browser text-zoom to see other changes / misalignments
depending on the zoom-level / text-size … (with different results
across browsers)
In each and every rendering engine, form controls have different
intrinsic sizes, internal padding, etc. and things vary depending on
platform. You can't really rely on each having the exact same size
across browsers and platforms to achieve your alignment (and then
things may differ depending on the user font-size).
I hope you do have at least some control over the markup. As a
starter, wrap each 'row' inside its own block level element (like
<div>) and set those to 'clear:left;'
Then, personally, I'd use display:inline-block rather than float:left.
Philippe
Thanks Phillipe.
Not sure why I didn't think of div's in the first place. I guess I was
trying to mend what was there and should have just started from scratch.
I re-uploaded the form for a review, but what would you have set as
display:inlin-block instead of float:left? The label?
Thanks again,
Michael
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
