居中頁面Css

-2

嘿，我在集中我的網頁時遇到問題。當我嘗試只將中心左側居中時，右側延伸。這是我的頁面的外觀：居中頁面Css

screenshot

正如你可以在上部看到有一個白色的框，該框超出了我的心頁。

所以我想右側也居中。

HTML代碼：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="it_seminar.Site1" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" /> 
    <title>IT-seminar</title> 

</head> 
<body background="Images/dark-planingwood.png" > 
    <form id="form1" runat="server"> 
    <div id="center"> 
     <div id="header"> 

     </div> 
     <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
     </asp:ContentPlaceHolder> 
    </div> 
    </form> 
</body> 
</html>

CSS：

body { 
    text-align:center; 
} 
#center { 
    position:relative; 
    margin: 0 auto; 
    width:800px; 
    text-align:left; 
} 
#header { 
    height:50px; 
    background:#F0F0F0; 
    border:1px solid #CCC; 
    width:2000px; 
    margin:0px auto; 
}

來源

2015-12-16 kebabthrower

刪除自閉合體標籤。 ''到'' –

請在此處輸入您的代碼。 – KittMedia

代碼圖片不是代碼。 – PeeHaa