Home/ Questions/Q 175871
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T13:46:33+00:00

Ok, didn’t really want to ask this question as it should be quite a

  • 0

Ok, didn’t really want to ask this question as it should be quite a simple solution, but I’ve spent hours trying to resolve it to no avail. I have a web page with a text box, and then a select drop down next to each other. In Firefox and chrome they line up fine next to each other, but in IE the select box sits higher than the text box. Theres is no CSS applied to this select box, or the text box.

Image

This is an aspx page, the generate HTML source for this is:

<label for='ctl00_main_primaryEmail' id='ctl00_main_primaryEmailLabel'>Primary Email: </label> <input name='ctl00$main$primaryEmail' type='text' id='ctl00_main_primaryEmail' /> <select name='ctl00$main$acceptedDomainsDropDownList' id='ctl00_main_acceptedDomainsDropDownList'>             <option value='domain.com'>domain.com</option>             <option value='doamin1.com'>domain1.com</option>             <option value='domain2.com'>domain2.com</option>             <option value='domain3.com'>domain3.com</option>         </select>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. It turns out this issue was CSS related. It was a border setting for the select element buried deep in the IE only stylesheet of the Blueprint Library, hence not showing up in firebug. For anyone else that comes across it, its this CSS for the select element

    margin : 0.5em 0px
    • 0