adnanebrahimi
شنبه 14 آبان 1390, 14:15 عصر
با سلام
من میخوام مطالب وبسایت از لحاظ عمودی و افقی درست در وسط صفحه قرار گیرد
فرض کنید داخل تگ body یک div به نام container داریم که داخل این منو ، خط جدا کننده منو و متون سایت و متون سایت قرار دارند
ساختار html با شرح زیر است:
<body>
<div id="container">
<div id="sidebar"></div>
<div id="seperator"></div>
<div id="content"></div>
</div> <!--End of Continer-->
</body>
و ساختار CSS به شرح زیر:
body{
text-align:center;
}
#container
{
width:1024px;
margin-left:auto;
margin-right:auto;
}
/*باعث میشود منو در وسط صفحه قرار گیرد و در هر وضوح خود را وسط صفحه نگه دارد*/
#sidebar
{
float: left; background-color: #800000; width: 100px; height: 800px;
margin-top: -400px;
position:absolute;
top: 50%;
}
/*باعث میشود خط از بالای صفحه تا 95 درصد از صفحه رسم شود*/
#seperator
{
float: left; width: 10px; height:800px; background-color: #000000;
min-height:95%;
position:absolute;
margin-left:100px;
}
/*باعث میشود متون در وسط صفحه قرار گیرد و در هر وضوح خود را وسط صفحه نگه دارد*/
#content
{
float: left; width: 917px; height: 800px; background-color: #C0C0C0;
margin-top: -400px;
position:absolute;
top: 50%;
margin-left:110px;
}
حال مشکل من اینجاست که میخواهم انتهای Div خط با Div منو و متن در هر وضوحی (Resolution) هم تراز باشد
من میخوام مطالب وبسایت از لحاظ عمودی و افقی درست در وسط صفحه قرار گیرد
فرض کنید داخل تگ body یک div به نام container داریم که داخل این منو ، خط جدا کننده منو و متون سایت و متون سایت قرار دارند
ساختار html با شرح زیر است:
<body>
<div id="container">
<div id="sidebar"></div>
<div id="seperator"></div>
<div id="content"></div>
</div> <!--End of Continer-->
</body>
و ساختار CSS به شرح زیر:
body{
text-align:center;
}
#container
{
width:1024px;
margin-left:auto;
margin-right:auto;
}
/*باعث میشود منو در وسط صفحه قرار گیرد و در هر وضوح خود را وسط صفحه نگه دارد*/
#sidebar
{
float: left; background-color: #800000; width: 100px; height: 800px;
margin-top: -400px;
position:absolute;
top: 50%;
}
/*باعث میشود خط از بالای صفحه تا 95 درصد از صفحه رسم شود*/
#seperator
{
float: left; width: 10px; height:800px; background-color: #000000;
min-height:95%;
position:absolute;
margin-left:100px;
}
/*باعث میشود متون در وسط صفحه قرار گیرد و در هر وضوح خود را وسط صفحه نگه دارد*/
#content
{
float: left; width: 917px; height: 800px; background-color: #C0C0C0;
margin-top: -400px;
position:absolute;
top: 50%;
margin-left:110px;
}
حال مشکل من اینجاست که میخواهم انتهای Div خط با Div منو و متن در هر وضوحی (Resolution) هم تراز باشد