一個ie下的兼容性問題


  最近做用戶管理的時候遇見了一個兼容性的小問題,在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>&nbsp;&nbsp;//這里也是問題所在之一
                            <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>
                            &nbsp; <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>
                    //這后面的&nbsp;也要去掉,不然的話出現的問題,就像第一張圖片上一樣,亂掉
<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>

  最后,做為新手,總會遇見的一些問題,有問題不可怕,總有解決的辦法,重要的是不對問題產生厭煩感,積極的尋找方法,問題都是可以解決掉的。通過自己這段時間的親身感受,自己還要很多知識去狂補,對編程的思想理解還有很多需要提高的地方,思想很重要,你,正如你所思!你怎樣,你的世界就怎樣!

  歡迎大家拍磚,以及指導,感激不盡。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM