<div>无法居中,很是蛋疼!
[code=html]
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Bookcase.SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
*{margin:0;padding:0;}
#top{background-image:url(Images/bg_header.jpg);width:1000px;height:200px;text-align: center;}
#top2{background-image:url(Images/bg_menu.jpg);width:1000px;height:30px;text-align:right;}
#top2_1{float:left;}
#top2_2{float:right;}
#whole{width:100%;text-align: center;}
#footer{background-image:url(Images/bg_footer.gif);height:25px;}
body{text-align: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="whole">
<div>
<div id="top"></div>
<div id="top2">
<div id="top2_1">
<asp:Label ID="labUser" runat="server" Text=""></asp:Label>
<asp:Button ID="btnCanceled" runat="server" Text="注销" onclick="btnCanceled_Click" />
</div>
<div id="top2_2">
<a href="Home.aspx" class="s1">首 页</a><span class="s2"> | </span>
<asp:HyperLink runat="server" ID="GRGL" NavigateUrl="Information.aspx" CssClass="s1">个人管理</asp:HyperLink><asp:Label runat="server" CssClass="s2">|</asp:Label>
<asp:HyperLink runat="server" ID="SJ" NavigateUrl="Bookshelf.aspx" CssClass="s1">书 架</asp:HyperLink><asp:Label runat="server" CssClass="s2">|</asp:Label>
<asp:HyperLink runat="server" ID="HTGL" NavigateUrl="BackStage\Admin.aspx" Cssalt="<div>没法居中,很是蛋疼" />
然后是截图
一直靠右,居中不能。
[解决办法]
<!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" xml:lang="en">
<head>
<title>
主页
</title>
<style type="text/css">
body { text-align:center; margin:auto 0;padding:0;}
#top{ width:1000px;height:200px; background-position:center; padding:0; margin:auto; background-image:url(bg_header.jpg); text-align: center;}
#top2{ width:1000px;height:30px; padding:0; margin:auto; background-position:center; background-image:url(bg_menu.jpg);text-align:right;}
#top2_1{float:left;}
#top2_2{float:right;}
#whole{width:100%;text-align: center;}
#footer{background-image:url(bg_footer.gif);height:25px;}
</style>
</head>
<body>
<form name="aspnetForm" method="post" action="Home.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1Mg9kFgJmD2QWAgIDD2QWAgIBDw8WAh4EVGV4dAUFYWRtaW5kZGTq0qrKhsFk9h2AQruYqJWRq+9nIEbOIVhmTGJ+l+Fjgw==" />
</div>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgLu2L/bCQLR1PzcCuCM5LBioQPgaAry3qWPWlhYiLen10L82rBOONpWW6dz" />
</div>
<div id="whole">
<div>
<div id="top"></div>
<div id="top2">
<div id="top2_1">
test1
<span id="ctl00_labUser">admin</span>
<input type="submit" name="ctl00$btnCanceled" value="注销" id="ctl00_btnCanceled" />
</div>
<div id="top2_2">
<a href="Home.aspx" class="s1">首 dsafsafdsfdsfds页</a><span class="s2">
[解决办法]
</span>
<a id="ctl00_GRGL" class="s1" href="Information.aspx">个人管理</a><span class="s2">
[解决办法]
</span>
<a id="ctl00_SJ" class="s1" href="Bookshelf.aspx">书 dsafsafdsfds架</a><span class="s2">
[解决办法]
</span>
<a id="ctl00_HTGL" class="s1" href="BackStage\Admin.aspx">后台管理</a><span id="ctl00_shu" class="s2">
[解决办法]
</span>
<a href="Registration.aspx" class="s1">注dsafsfdsfds册</a>
</div>
</div>
</div>
<div id="main">
欢迎登录
</div>
<div id="footer">版权所有</div>
</div>
</form>
</body>
</html>