0

IE9 IE9

ファイアフォックス V22 ここに画像の説明を入力

クローム 最新 27.0... ここに画像の説明を入力

ご覧のとおり、IEとFFではまったく同じ位置ですが、どういうわけかChromeは独自のドメインにあります

コードは:

        <div id="DivLogRegForm" style="background-image: url('images/RegF.png'); background-repeat: no-repeat; width: 411px; height: 316px;">
            <div id="DivF_All" style="position:relative; top:70px;">
                <div id="DivF_User" style=" position:relative;top:13px; padding: 0 0 0 0; margin:0 0 0 0">
                    <input type="text" id="TBX_USER" style="width:205px;" />
                </div>
                <div id="DivF_Pass" style=" position:relative;top:37px; padding: 0 0 0 0; margin:0 0 0 0">
                    <input type="password" id="TBX_Pass" style="width:205px;" />
                </div>
                <div id="DivF_ConfPass" style=" position:relative;top:57px; padding: 0 0 0 0; margin:0 0 0 0">
                    <input type="password" id="TBX_ConfPass" style="width:205px;" />
                </div>
                <div id="DivF_Email" style=" position:relative;top:80px; padding: 0 0 0 0; margin:0 0 0 0">
                    <input type="text" id="TBX_Email" style="width:205px;" />
                </div>
            </div>
        </div>

最初は0マージンとパディングなしで試しましたが、それでも違いはありませんでした

それらすべて（少なくとも3つのブラウザ）でどのように同じにすることができるかについての提案はありますか？

4

1 に答える 1

1

http://jsfiddle.net/Jr2dB/1/

         <div id="DivLogRegForm" style="background-image: url('images/RegF.png'); background-repeat: no-repeat; width: 411px; height: 316px;">
        <div id="DivF_All" style="position:relative; top:70px;">
            <div id="DivF_User" style=" position:absolute;top:13px; padding: 0 0 0 0; margin:0 0 0 0">
                <input type="text" id="TBX_USER" style="width:205px;" />
            </div>
            <div id="DivF_Pass" style=" position:absolute;top:37px; padding: 0 0 0 0; margin:0 0 0 0">
                <input type="password" id="TBX_Pass" style="width:205px;" />
            </div>
            <div id="DivF_ConfPass" style=" position:absolute;top:57px; padding: 0 0 0 0; margin:0 0 0 0">
                <input type="password" id="TBX_ConfPass" style="width:205px;" />
            </div>
            <div id="DivF_Email" style=" position:absolute;top:80px; padding: 0 0 0 0; margin:0 0 0 0">
                <input type="text" id="TBX_Email" style="width:205px;" />
            </div>
        </div>
    </div>

ここでは、さまざまなブラウザーで同様に壊れているように見えますが、修正できるようになりました

于 2013-06-30T19:04:32.287 に答える