制作网页时如何使网页的内容在屏幕中间显示
这是代码：<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>根据出生年份计算生肖</title>
<style type="text/css">
<!--
.d1{
text-align: center; margin:auto; width:800px;}
.d2{margin:0 auto;}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function showShengxiao(){
var iRemainder,sShengxiao;
var iYear=document.form1.txtYear.value;
if(iYear==""){
alert("请输入年份");
document.form1.txtYear.focus();}
else{iRemainder=iYear%12;}
switch(iRemainder){
case 0:sShengxiao="猴";break;
case 1:sShengxiao="鸡";break;
case 2:sShengxiao="狗";break;
case 3:sShengxiao="猪";break;
case 4:sShengxiao="鼠";break;
case 5:sShengxiao="牛";break;
case 6:sShengxiao="虎";break;
case 7:sShengxiao="兔";break;
case 8:sShengxiao="龙";break;
case 9:sShengxiao="蛇";break;
case 10:sShengxiao="马";break;
case 11:sShengxiao="羊";break;}
document.getElementById("Shengxiao").innerHTML="您的生肖是：<b>"+sShengxiao+"</b>";
}
-->
</script>
</head>
<body class="d1"><div class="d2">
<form id="form1" name="form1" method="post" action="">
<fieldset>
<legend>根据出生年份计算生肖 </legend>
<p align="center">请输入您的出生年份：<input name="txtYear" type="text" size="12" id="txtYear" /> <input name="btnShow" type="button" value="显示生肖" onclick="showShengxiao();"/></p>
<p id="Shengxiao" align="center"> </p>
</fieldset>
</form>
</div>
</body>
</html>
附有浏览器的截图，我想让内容始终在屏幕中间显示，请帮帮忙，教一下怎么办
若果我理解的不对的话，欢迎再问
.d2{
position: absolute;
left: 300px;
top: 200px;
}
这里的位置要看你想定到哪里了，w3cschool那个文档里都有这些属性的哈。追问
谢谢，我想再问一下，没有一种方法，使它能够自动在任何屏幕分辨率的情况下都在中间显示吗？
追答这个需要用js代码了，直接用绝对定位有些难
百度下 “div定位到屏幕中间”应该有很多答案的。呵呵