我正在编写具有autocomplete
文本框功能的简单页面。我为输入框设置了widht:87%
,并且在mozilla中可以正常使用,但是在IE中,首先是在页面加载时文本框展开,在显示建议时收缩。
这是我的代码
<td valign="middle">
<input id="myInput" name="ontFindNameMatch" type="text" maxlength="100" style="border:1px solid #7c9cba;width:87%;font-size:11px;" />
<br/>
<div id="myContainer" style="z-index:10;width:87%">
</div>
</td>
myInput
是输入文本框,在myContainer
中显示自动完成建议。我正在使用YUI autocomplete
。页面加载时的图像。
显示建议后
在mozilla中,宽度保持不变。
编辑
得到了解决方案。谢谢amadeus
<td valign="middle" >
<div id="autocomplete" class="yui-ac">
<input id="myInput" class="yui-ac-input" name="ontFindNameMatch" type="text" style="border:1px solid #7c9cba;font-size:11px;" />
<br/>
<div id="myContainer" class="yui-ac-container" style="z-index:100;">
</div>
</div>
</td>
〜Ajinkya。
最佳答案
尝试将width属性从myInput和myContainer移至td元素。
尝试删除最大长度。
删除br元素。
不要内联设置myInput和myContainer样式,而是使用
http://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html
关于html - IE和Mozilla中对“宽度”的处理是否有所不同?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6277779/