0

だから私はサイトを持っています-入力顧客/保存顧客にいくつかのボタンがあります-それらはIE9では正しく表示されますがChromeでは表示されません（機能は両方で正常に機能します）-それは私がそれを正しく見せたいように見えるためだけです両者に。

だからこれはそれがどのように見えるべきかです（IE 9）

ここに画像の説明を入力してください

そしてこれはChromeでどのように見えるかです（正しくありません）

ここに画像の説明を入力してください

私は以下のソースでさまざまなことを試してきましたが、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>

Class PanelPaddを使用したスタイルシートでは、特別なことは何も行われません。背景色が設定され、境界線が次のように設定されます。

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

1 に答える 1

0

問題を分析するのに十分なスタイル コードを示していません。FindCorrAddressしかし、特定の幅をとに設定していると仮定していますClearCAddress。

最小のフォント レンダリングの違い、または丸め誤差、またはおそらくボックス モデルの違い (互換表示で IE9 を実行していますか?) が原因で、あるブラウザーに適合する特定の幅が別のブラウザーに適合しない場合があります。

最善の解決策は、幅をまったく設定せず、内容を流してコンテナー自体の幅を定義することです。

また、削除してください<table>。レイアウトにテーブルを使用するのは非常にスタイルが悪く、トラブルの元です。

于 2012-11-01T15:38:47.357 に答える