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 -- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ 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/
