فاصله دادن محتویات قالب از کناره ها

esteftaats

کاربر تازه وارد
تازه وارد
دوستان من یه مشکلی دارم اونم این که فرض کنین قالب من 960 پیکسل هستش و حالا می خوام هر کاربری که مرورگرش بالای 960 پیکسل بود گوشه های صفحه (سمت راست و چپ) واسش فاصله بیافته. این کار رو چجوری باید انجام داد با css?
 

elahi

مدیریت
مدیر کل انجمن
پاسخ : فاصله دادن محتویات قالب از کناره ها

اگه منظورتون اینه که قالب وسط صفحه بمونه باید این کد رو بزارید :



کد:
margin:0px  auto  0px  auto;
 

esteftaats

کاربر تازه وارد
تازه وارد
پاسخ : فاصله دادن محتویات قالب از کناره ها

اگه منظورتون اینه که قالب وسط صفحه بمونه باید این کد رو بزارید :



کد:
margin:0px  auto  0px  auto;
بله
فقط این کد رو به body باید نسبت بدم؟
 

elahi

مدیریت
مدیر کل انجمن
پاسخ : فاصله دادن محتویات قالب از کناره ها

نه باید به div در برگیرنده div های دیگه سایت نسبت بدین.

این نمونه رو نگاه کنید متوجه میشین :




کد:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test page</title>
<style>
#wraper{
    margin:0px auto 0px auto;
    width:800px;
}
header{
    width:798px;
    height:100px;
}
#content{
    width:550px;
    float:left;
}
#sidbar{
    width:248px;
    float:left;
}
footer{
    width:798px;
    height:35px;
    clear:both;    
}
</style>
</head>
<body>
<div id="wraper">
<header>
</header>
<div id="content">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="sidbar">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<footer>
</footer>
</div>
</body>
</html>
 
بالا