div+css 文本定位问题用户名和密码怎么定位到网页中间

小弟写的html<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN"<html><head><metahttp-equiv="cont... 小弟写的html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="GB2312"/>
<title>This is my blog</title>
<link rel="stylesheet" href="../css/master.css" type="text/css">
</head>
<body>
<div id="content">
<div class="tabl">
<table>
<form>
<tr>
<td>用户名：<input type="text"></td>
</tr>
<tr>
<td>密码：<input type="password"></td>
</tr>
</form>
</table>
</div>
</div>
</body>
</html>
小弟写的css
body
{
margin:0;
padding:0;
border:0
background-position:absolute;
background-image:url("../image/bg.png");
background-repeat:no-repeat;
}

#content
{
margin:0;
padding:0;
background-image:url("../image/dlk.png");
background-position:400px 210px;
background-repeat:no-repeat;
width:1440px;
height:799px;
z-index:-1;
}

.tabl
{
position:100px 100px;
z-index:1;
} 展开

 我来答

5个回答

#热议# 普通体检能查出癌症吗？

匿名用户
2014-08-02

展开全部

直接table 写上一个宽度加个 align="center" 不管你外面是什么都居中了,还有#content 是table的外部div 所以也要把他先居中了来。还有那个index 在里面完全没有，因为他没有position fixed或者absolute

<style>
#content{
margin:0 auto;/*这句居中*/
padding:0;
background-image:url("../image/dlk.png");
background-position:400px 210px;
background-repeat:no-repeat;
width:1440px;
height:799px;
}
</style>
<div id="content">
<table width＝"500" align="center">
....
</table>
</div>