最近做用戶管理的時候遇見了一個兼容性的小問題,在chrome,ff下都沒有問題,但是在ie下面的話,只有在兼容性模式下才可以正常顯示,前段時間一直在做別的功能,用chrome開發也暫時沒有影響,所以一直沒有去處理這個問題,直到今天幾乎上所有功能都實現了,才解決了這個問題。問題如下:這是我在一個新建的html下,出現下面出現的問題,
在我的程序下面的出現的問題是這樣的,后面的那個下拉菜單不會出現:
最初有問題的html代碼如下:
<div class="mini-toolbar" style="border-bottom: 0; padding: 2px;"> <table style="width: 100%; height: 30px;"> <tr> <td align="left" style="width: 50px;">//這里是問題所在之一 <div id="cbFirst" style="float: left;width: 120px;"> <input id="cmbFirst" value="Selected" url="../data/SearchText.txt" class="mini-combobox" allowinput="false" onvaluechanged="GetFollow()";/></div> //這里也是問題所在之一 <div id="cbTextbox" style="float: left;margin-left:10px;width: 110px;"> <input id="key" class="mini-textbox" onenter="onKeyEnter" /> </div> <div id="cbOrganization" style="float: left;margin-left:10px;width: 110px;display:none"> <input idField="Key" textField="Value" id="keyOrganization" class="mini-combobox" allowinput="false" /> </div> <div id="cbDepartment" style="float: left;margin-left:10px;width: 110px;display:none"> <input idField="Key" textField="Value" id="keyDepartment" class="mini-combobox" allowinput="false" /> </div> <a class="mini-button" iconcls="icon-search" onclick="searchData()" plain="true"> 查詢</a>//這里也是問題所在之一 </td> </tr> </table> </div>
正常顯示應該是:
修該后沒有問題的html如下:
<div class="mini-toolbar" style="border-bottom: 0; padding: 2px;"> <table style="width: 100%; height: 30px;"> <tr> <td align="left">//這里做了一點修改... <div id="cbFirst" style="float: left; width: 110px;"> <input id="cmbFirst" value="Selected" url="../data/SearchText.txt" class="mini-combobox" allowinput="false" onvaluechanged="GetFollow()" /></div>
//這后面的 也要去掉,不然的話出現的問題,就像第一張圖片上一樣,亂掉 <div id="cbTextbox" style="float: left; margin-left: 10px; width: 110px;"> <input id="key" class="mini-textbox" onenter="onKeyEnter" style="margin-left: 8px;"/> </div> <div id="cbOrganization" style="float: left; margin-left: 20px; width: 110px; display: none"> <input idfield="Key" textfield="Value" id="keyOrganization" class="mini-combobox" allowinput="false" /> </div> <div id="cbDepartment" style="float: left; margin-left: 20px; width: 110px; display: none"> <input idfield="Key" textfield="Value" id="keyDepartment" class="mini-combobox" allowinput="false" /> </div> <div style="float: left; margin-left: 25px; width: 110px;">//這里把查詢按鈕放在div里面去布局 <a class="mini-button" iconcls="icon-search" onclick="searchData()" plain="true">查詢</a></div> </td> </tr> </table> </div>
最后,做為新手,總會遇見的一些問題,有問題不可怕,總有解決的辦法,重要的是不對問題產生厭煩感,積極的尋找方法,問題都是可以解決掉的。通過自己這段時間的親身感受,自己還要很多知識去狂補,對編程的思想理解還有很多需要提高的地方,思想很重要,你,正如你所思!你怎樣,你的世界就怎樣!
歡迎大家拍磚,以及指導,感激不盡。