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中的按钮差异

回答

相关问题