Chrome和IE中的按鈕差異

因此，我有一個網站 - 關於輸入客戶/保存客戶我有一些按鈕 - 它們在IE 9中正確顯示，但不在Chrome中（功能在兩者中都能正常工作）我想讓它在兩個方面看起來都是正確的。Chrome和IE中的按鈕差異

因此，這是它應該如何看（IE 9）

enter image description here

，這是它的外觀在Chrome（不正確）

enter image description here

我一直在嘗試不同的東西在下面的源代碼中 - 但是havenet在Chrome和IE中都能正常工作，所以也許有人會發現我錯過的東西。

     <div class="PanelPadd" style="margin-top: 10px; text-align: right; padding: 5px; height:25px;"> 
          <div id="Div8" style="text-align: right; float: right;"> 
           <table> 
            <tr> 
             <td valign="middle" style="padding-right: 5px;"> 
              <a id="FindCorrAddress" href="javascript:pageSMCustomerCreate.doRequest(2)">Find Addresses</a></td> 
             <td valign="middle" style="padding-right: 5px;"> 
              <a id="ClearCAddress" href="javascript:pageSMCustomerCreate.doClearCAddress()">Clear</a></td> 
             <td valign="middle" style="padding-right: 5px;"> 
              <asp:ImageButton ID="ImageButton4" ImageUrl="./images/buttons/SaveCustomer.gif" runat="server" 
               OnClick="OnSaveCustomer" /></td> 
            </tr> 
           </table> 
          </div> 
         </div>

沒有什麼特別的任何樣式表完成與類PanelPadd - 背景顏色設置和邊框設置如下。

.PanelPadd { background-color:#EFEFEF; border:solid #AAAAAA 1px; }

來源

2012-11-01 Ctrl_Alt_Defeat

您沒有顯示足夠的樣式代碼來分析問題。但我假設你設定的寬度爲FindCorrAddress和ClearCAddress。

由於最小的字體渲染差異，舍入錯誤或甚至盒子模型中的差異（您是否在兼容性視圖中運行IE9？），適合一個瀏覽器的某個寬度可能不適合另一個瀏覽器。

最好的解決方案是根本不設置寬度，並讓內容流動並定義容器本身的寬度。您也可以刪除<table>。使用表格進行佈局是非常糟糕的風格，並尋求麻煩。

來源

2012-11-01 15:38:47 Peter

Chrome和IE中的按鈕差異

回答

相關問題