سلام و خسته نباشید .
میخوام یک قالب بزنم .
این کد های html قالبه ::
کد HTML:
<body>
<div id="main">
<!-- header -->

    <div id="logo-text">شرکت</div>
    <div id="call-abute"><a href="">درباره ما</a> | <a href="">تماس با ما</a></div>
    <botton id="help" type="botton">پشتیبانی</botton>
<!-- /header -->
</div>
</body>
</html>
خب اینم فایل css قالب که ساختم ::
کد HTML:
*{
    direction:rtl;
    padding:0;
    margin:0;
}
@font-face {
    font-family: 'WYekan';
    src: url('font/WeWYekan.eot');
    src: url('font/WebYekan.eot?#iefix') format('embedded-opentype'),
         url('font/WebYekan.woff') format('woff'),
         url('font/WebYekan.ttf') format('truetype'),
         url('font/WebYekan.svg#WebYekan') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600–06FF;
}
body{
    background-color:#ededed;
    font-family: 'WYekan';
}
#main{
    width:980px;
    height:auto;
border-left:1px solid;
border-right:2px solid;
margin-right:150px;
margin-left:150px;


    

}
#logo-text{
    font-size:125%;
    color:#black;
    margin-top:30px;
}
میخوام یک main بسازم ولی گیج شدم الان یکم . میخوام فاصله قالب از سمت راست مرورگر = فاصله قالب از سمت چت مرور گر
همچنین میخوام فاصله قالب از بالای مروگر = فاصله قالب از پایین قالب .
اما متاسفانه نتونستم فاصله یکسانی انتخاب بکنم و همش بد در میومد و شایدم تغریبی می بود .
از دوستان اگر کسی میتونه منو راهنمایی بکنه که چطور یک main منظم و تمیز بزنم . ممنون میشم .
با تشکر از لطفتون