我是我的新CSS ..我已经将我的psd文件转换为html/css ..现在我想将我的网页移动到窗口的中心..我尝试了一些代码并且该代码仅对齐文本的背景图像“back.gif”保持在左边..这里是我的HTML和CSS代码”如何在CSS中对齐网页
**HTML**
<body>
<div id="main">
<div id="header">
<div id="logo">
<img src="logo.gif" />
</div>
</div>
<div id="menu">
<img src="images/menu_07.gif" />
<div id="m">
<ul>
<li> <a href="index.php">Home</a></li>
<li> <a href="pages.php">Pages</a></li>
<li> <a href="donor.php">Donor</a></li>
<li><a href="seeker.php">Seeker</a></li>
<li><a href="hospitals.php">Hospitals</a></li>
<li><a href="lifesaving.php">Life Saving Contacts</a></li>
<li><a href="contactus.php">Feedback</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="center" align="center">
<h3>WELCOME TO ADMIN AREA</h3>
<p id="ajk">AJKBLOODBANK.COM</p>
<?php
echo "welcome!".$_SESSION['username'];
echo "<br>";
echo "<a href=logout.php>Logout</a> ";
?>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
**CSS**
body
{
background:url(../back.gif) repeat-y;
padding-left:105px;
height:900px;
text-align: center;
margin:auto;
min-width: 760px;
}
div#main
{
width: 720px;
margin: 0 auto;
text-align: left;
}
#header
{
width:787px;
margin-top:10px;
}
#menu
{
width:787px;
float:left;
margin-top:20px;
}
#content
{
background-color:#FFF;
border:groove;
width:790px;
float:left;
padding-top:30px;
margin-top:30px;
}
#footer
{
float:left;
height:52px;
width:790px;
}
请告诉我在哪儿出错了..
the diameseion of background image "backgif" = 995x1000
我把这个代码,, – maham 2012-04-13 21:55:41
'body { \t background:url(../ back.gif)repeat-y center top; \t} #main { \t background:url(../ back.gif)repeat-y; \t width:995px; \t margin:0 auto; \t}'这把背景图片移动到中心..但主要的div在左边.. @Madbreaks – maham 2012-04-13 21:57:02
深吸一口气。为什么要在两个元素中放置背景图像?把它放在身体的元素。如果'#main'仍然在左边,请尝试添加'height:100%;宽度:100%;'到你的'身体'CSS。 – Madbreaks 2012-04-13 22:07:25