Html select fails to drop down in simple case in Firefox, Safari and Chrome. IE OK -
the "select" in following html works in ie9.0 fails drop-down when clicked in firefox 10.0, safari 5.1.7 , chrome 26.0. why?
i'm facing problem in more complex web page , have spent time isolating down simple case. remaining elements , styling appear need present problem occur.
<h1>a</h1> <div style="margin-top: 3px; float: right;"> <select> <option value="1">b</option> <option value="2">c</option> </select> </div> <div style="position: relative;"> d </div>
here answer. relatively positioned d element on top of select box. can select if click @ bottom of it. try setting select have z-index higher relatively positioned div, or changing width of div.
a solution:
<h1>a</h1> <div style="margin-top: 3px; float: right;"> <select> <option value="1">b</option> <option value="2">c</option> </select> </div> <div style="position: relative; width:50px;"> d </div>
Comments
Post a Comment