Chrome和IE中的按钮差异

Question

所以我有一个网站 - 在输入客户/保存客户我有一些按钮 - 它们在IE 9中正确显示但在Chrome中没有显示（功能在两者中都能正常工作） - 它只是为了我想要的外观它在两者中都是正确的。

所以它应该是这样的（IE 9）

这就是它在Chrome中的外观（不正确）

我在下面的源代码中尝试了不同的东西 - 但是hasnet让它在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>

使用Class PanelPadd在任何样式表中都没有做任何特别的事情 - 设置了背景颜色并设置了如下边框。

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

Answer 1

您没有显示足够的样式代码来分析问题。但我假设您将某个宽度设置为FindCorrAddress和ClearCAddress。

由于字体渲染差异最小，或者舍入错误，甚至是盒子模型的差异（你在兼容性视图中运行IE9吗？），适合一个浏览器的某个宽度可能不适合另一个浏览器。

最好的解决方案是根本不设置宽度，让内容流动并定义容器本身的宽度。

另外，请删除<table>。使用表格进行布局是一种非常糟糕的风格，并且会遇到麻烦。