Html Div对内容没有任何影响_Html_Css

Html Div对内容没有任何影响

html css

Html Div对内容没有任何影响,html,css,Html,Css,我目前正在为gameserver设计一个新的服务器-客户端界面，并且偶然发现了一个问题，即我的div类对内容没有任何影响可以查看，以及HTML/PHP和CSS 试图对其产生影响的具体内容如下表所示；我试图将桌子向左移动，但是桌子没有移动我已经尝试了一些事情，比如将移到之外（显然还修改了CSS的相关部分），但没有任何效果我做错了什么问题代码： PHP/HTML： <body> <div class="tableenc"> <ta

我目前正在为gameserver设计一个新的服务器-客户端界面，并且偶然发现了一个问题，即我的

div

类对内容没有任何影响

可以查看，以及HTML/PHP和CSS

试图对其产生影响的具体内容如下表所示；我试图将桌子向左移动，但是桌子没有移动

我已经尝试了一些事情，比如将

移到

之外（显然还修改了CSS的相关部分），但没有任何效果

我做错了什么

问题代码：

PHP/HTML：

<body>
    <div class="tableenc">
            <table class="login" width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
                <tr>
                    <form name="form1" method="post" action="checklogin.php">
                        <td>
                            <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
                                <tr>
                                    <td colspan="3"><strong><font color="#265CFF"><h2>Login to Crysis Wars Server Portal</h2></font></strong></td>
                                    </tr>
                                <tr>
                                    <td width="78"><font color="#265CFF">Username</font></td>
                                    <td width="6"><font color="#265CFF">:</font></td>
                                    <td width="294"><input name="myusername" type="text" id="myusername"></td>
                                </tr>
                                <tr>
                                    <td><font color="#265CFF">Password</font></td>
                                    <td><font color="#265CFF">:</font></td>
                                    <td><input name="mypassword" type="text" id="mypassword"></td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td><input type="submit" name="Submit" value="Login"></td>
                                </tr>
                            </table>
                        </td>
                    </form>
                </tr>
            </table>
        </div>
</body>

您的HTML标记对于任何版本的HTML都无效。不能在表格标记中间放置表单标记。您的浏览器可能会容忍错误，并尽可能调整标记。这很可能是显示设置没有达到预期效果的原因。我会向您指出，将此作为检查代码符合性的一种方法，以便您可以在将来避免此问题。如果您修复了标记，那么这些样式可能会开始按照您预期的方式工作。

对于一个简单的表单来说，这是一个很大的工作。你可以从一个更简单的基础开始，看看它是否有助于你移动它。

HTML

是的，创建一个实现表单、标签和输入标记使用的容器div将更加实用

你的HTML完全无效。您不能将

放在您所在的位置。20世纪90年代调用并希望其

标记返回PHP与此有何关系？@MarcB它仍在开发中，我需要先获得初始样式，然后再对其进行优化。没有理由编写糟糕的html。你会花更多的时间来说服浏览器不要修复你糟糕的html，而不是从编写正确的html开始。。。我不认为任何用户关心它的外观。。如果它坏了，它就坏了。修改标记，稍后再考虑样式。谢谢。我将修复错误，并查看所需的代码是否有效。我在修复HTML问题后尝试了此方法，效果非常好！非常感谢。

body {
    width:100%;
    margin-left:-0px;
    background:url("../img/pgbg.jpg") repeat-x;
}
body > table {
    position:absolute;
}

body > .tableenc {
    margin-right:70px;
}

<form id="login" name="form1" method="post" action="checklogin.php">
    <legend>Login to Crysis Wars Server Portal</legend>
    <label for="myusername">Username</label>
    <input name="myusername" type="text" id="myusername" />
    <label for="mypassword">Password</label>
    <input name="mypassword" type="text" id="mypassword" />
    <input type="submit" name="Submit" value="Login" />
</form>

#login {
    width: 300px;
}
#login legend {
    color: #265CFF;
    font-size: 2em;
}
#login input {
    float: left;
    display: block;
    margin: 20px 0 0;
}
#login label {
    float: left;
    width: 100px;
    clear: left;
    margin: 20px 0 0;
}
#login input[type=submit] {
    clear: left;
}