I have a small form embedded in a page, and a design requirement calls for me to square all the text fields up going down the page. I can do this for one browser, but not cross browser.

I can write the browser sniff no problem, but does anyone know the 'magic formula' for conversion between any browsers for text fields?

target browsers are:
IE5+, IEMac, NN, Opera, Safari, FireFox, and FireFox for Mac

any of these conversion formulae are appreciated

Thanks for a minute if you can,
_smk

Can we see the page? If for 5 fields you write <input type="text" size="10"> they should all be he same width in the browser, just not the same when comparing 2 different browsers. You can also try defining an input element in CSS and have them all be the same font size in px:


input {
font-size: 10px
}

This will make the input boxes closer in size between browsers.

You can also specify exact widths for your inputs with css.

input {width:50px}

You can control many properties of form inputs with css, font-size, width, height are pretty useful.

I'm not sure this always works with things like selects in all browsers so sometimes I've set my inputs to match the default select boxes.