I am busy designing a new web site and have come across a strange situation. On one page there is a form for "Feedback". This form is pretty basic and only uses <INPUT TYPE="TEXT">, <SELECT> and <TEXTAREA> tags.
I spent a lot of time setting up the width of each of the elements (I have different pages set up for IE and for NETSCAPE) so that they all allign properly. I did this at home using Windows 2000, an 800 x 600 screen resolution and an IE 5.5 browser where it all worked perfectly. However, it is a different story at the office where I am using NT 4.0, an 800 x 600 screen resolution and an IE 5.5 browser - in other words, only the Operating System is different (and of course the view out the window ).
At the office, the widths of the various "boxes" in the form are no longer the same. I can only assume that this has something to do with the default settings of the computer itself?
What I would like to know is this - can I control the width of these FORM elements by using CSS? I am using a stylesheet with a font and font-size selected for the <BODY> and I would have thought that since I give no further STYLE instructions when dealing with these elements, that they would have been the same.
In case you haven't guessed it - I am seriously confused! Any help? All responses are greatly appreciated. If you're interested, the page I am referring to is currently at http://bconte.taly.co.za/cont.asp