Posted by Jonathan N. Little on 06/18/06 22:42

Stefan Mueller wrote:
> I've several input boxes and selection boxes.
>
> <input type = "text"><br>
> <input type = "text"><br>
> <input type = "text"><br>
> <select><option value = "">[Choose]<option value = "1">Entry 1<option
> value = "2">Entry 2</select><br>
> <select><option value = "">[Choose]<option value = "1">Entry 1<option
> value = "2">Entry 2</select><br>
> <select><option value = "">[Choose]<option value = "1">Entry 1<option
> value = "2">Entry 2</select><br>
>
> In Mozilla Firefox the vertical space between the input boxes and the
> selection boxes is the same size. Unfortunately in Windows Explorer not. The
> height is the same but not the vertical space in between.
>

Much simpler to use CSS:

INPUT, SELECT { display: block; margin: 0; }

Adjust margin if you want to increase spacing, then you can dump the BRs

<input type = "text">
<input type = "text">
<input type = "text">
<select>
<option value = "">[Choose]
<option value = "1">Entry 1
<option value = "2">Entry 2
</select>
<select>
<option value = "">[Choose]
<option value = "1">Entry 1
<option value = "2">Entry 2
</select>



> Does anyone know how to "fix" this display problem?
> Stefan
>
> PS: To "fix" similar problems with images, I got the hint to use 'style =
> "display:block"'.
> E.g. '<img src = "mypic.gif" style = "display:block" border = "0">'
^^^^^^^^^^^^
Use CSS for this as well

IMG { display: block; border: 0; }

> Unfortunately this does not work with input boxes resp. selection boxes.
>




--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]