0

私は CSS と HTML で作業しています...すべて問題ないように見えますが、ウィンドウをサイズ変更すると、テキストボックスとボタンの位置がずれます。ウィンドウのサイズが変更されたときにすべてをそのままにしておきたい..助けて..私が見た他の場所で提案されているようなラッパーを使用しようとしましたが、間違っているか、機能しないと思います。

ここにサイトがあるので、私が話していることをよりよく理解できます... http://www.difgropliego.comze.com/diflogin.html

<html>
<head>
    <style>
    #wrapper {
        width: 800px; 
        margin:0 auto;
    }

    body {
        background-color:black;
        background-image:url(diflogin.png);
        background-repeat:no-repeat;
        background-position:center top; 
        margin:0 10% 0 10%;
        padding:0 0 0 0;
        border:0 0 0 0;
    }

    #user {
        position:absolute;
        left: 306px;
        top: 455px;
    }

    #contra {
        position: absolute;
        left: 904px;
        top: 455px;
    }

    #web-buttons-idgi5a2 {
        position: absolute;
        left: 1023px;
        top: 601px;
    }

    #web-buttons-idgi5a2 a {
        display:block;
    }

    #web-buttons-idgi5a2 a:hover {
        background-position:left bottom;
    }

    a #web-buttons-idgi5a2a {
        display:none
    }
    </style>
</head>
<body>
    <div id="wrapper">
        <label for="user"></label>
        <input type="text" name="user" id="user" />
        <label for="contra"></label>
        <input type="text" name="contra" id="contra" />

        <table id="web-buttons-idgi5a2" width=0 cellpadding=0 cellspacing=0 border=0>
            <tr>
                <td style="padding-right:0px" title ="INGRESAR">
                    <a href="#" title="INGRESAR" style="background-image:url(buttoning.png);width:160px;height:61px;display:block;"><br/></a>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
4

1 に答える 1