首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

<div>没法居中,很是蛋疼

2013-03-04 
div无法居中,很是蛋疼![codehtml]%@ Master LanguageC# AutoEventWireuptrue CodeBehindSite.

<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">
            &nbsp;&nbsp;&nbsp;&nbsp;
            <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">首 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</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">书 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;架</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>



搞定了,试试吧。
不过你用vs写html,倒是让我捏了一手心的冷汗啊啊啊啊
哥们,装个dreamweav吧.

热点排行