مشکل در قرار دادن محتوای صفحه در وسط

[mohsen_zelzela00]

با سلام

من دارم layout سایت خودم رو طراحی می کنم و کد html اونو به صورت زیر نوشتم




<div id="main">
<div id="header"></div>
<div id="TwoCoulmns">
<div id="Right">


<asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">

</asp:ContentPlaceHolder>
<asp:TreeView ID="TreeView1" runat="server">
</asp:TreeView>
</div>
<div id="Content">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
</div>

</div>


</div>
<div id="Footer">
تمام حقوق این سایت مربوط به مي باشد >©

</div>



و کد css اونو به صورت زیر نوشتم




body
{
font-family: Tahoma;
font-size: 12px;
width: 100%;
height: auto;
text-align: center;
}
#main
{
width: 80%;
height: auto;
text-align:right;
}
#header
{
width: 100%;
height: 135px;
}

#TwoCoulmns
{
text-align:right;
width: 100%;
height: auto;
}
#Right
{
width: 18%;
height: auto;
float: right;
text-align: right;

direction: rtl;
border: 1px solid #000000;
}
#Content
{

width: 81%;
height: auto;
border: 1px solid #000000;
text-align: right;
}
#Footer
{
width: 100%;
height: 20px;
text-align: center;
direction: ltr;
}



ولی نمی دونم چرا تمام المانهای صفحه خودم سمت چپ هستند در صورتی که من می خوام حواشی صفحه خالی باشند و تمام المانها در وسط صفحه نمایش داده شوند

ممنون میشم دوستان راهنمایی کنند

[aa_mehr]

سلام

جای خالی کد


margin:auto;

در فایل CSS شما احساس میشه.:چشمک:

[salehbagheri]

تمامي عناصر (فينگليش= المان) خود را درون تگ Center قرار دهيد!



<center>
I'm EveryTime In Senter
</center>

[mohsen_Iran]

سلام

#main
{
width: 80%;
height: auto;
text-align:right;
margin:0px auto;
}