按钮的CSS对齐不在IE下工作

时间:2014-07-08 22:32:01

标签: css css-float

我有用于按钮对齐的CSS代码。它在FF和hrome中工作,但不在IE中。

取消按钮应在更改按钮后面而不是更改按钮下方。刷新页面时,它的位置正确,但是当我第一次打开页面时,它位于更改按钮下方。

这是我的css代码:

<html>
    <body>
        <form action="pwdchange3.php" method="post">
            oldpassword: <br><input type="password" name="password"></br>
            newpassword: <br><input type="password" name="newpassword"></br>

            <div class="main">

            <input type="submit" name = 'submit' value= 'Change'></br>
        </form>
</div>

    <div class="floatdiv">

        <form method="POST" action="check.php">
            <button type="submit">Cancel</button>
        </form>
    </div>


<style type="text/css">
.main
{
    position:relative;
    width:200px;
}

.floatdiv
{
    position:relative;
    top: -40px;
    left: 80px;
}
</style>
</body>

0 个答案:

没有答案