استفسار عن توسيط الموقع

[محروم.كوم]

السلام عليكم ورحمه الله وبركاته

ازيكم يا اخواتى

انا كنت عاوز اعرف ازاى اوسط الموقع ؟

انا بدأت فى تكويد موقع ولكن مش عارف ازاى اوسطه



انا هنا عامل زرارين الرئيسية و المنتدى
وفى المساحه السوداء كاتب بسم الله

انا عاوز بقى اوسط كل محتويات الموقع فى المنتصف

وتكون الخلفيه السوداء والخط الاخضر كما هما متمددين بطول الصفحه ولكن اريد المحتوى فقط فى المنتصف فكيف ؟


كود ال HTML

رمز PHP:

الرئيسية
المنتدى








بسم الله

كود ال CSS

رمز PHP:

@charset "utf-8";
/* CSS Document */

body {
direction:rtl;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
background:#f3f3f3;

}




/* CSS Document */
* {
padding: 0;
margin: 0;
outline: none;
list-style: none;
border: 0 none;
}




.site {
width:75%px;
height:100%;
position:relative;
margin-right:auto;
margin-left:auto;

}

/* Header */
.header {
width:100%;
height:40px;
background-color:#f3f3f3;
border-top:2px solid #009655;

}


.header ul.menu {
float:right;
margin-top:0px;
}

.header ul.menu li {
list-style:none;
float:right;
}

.header ul.menu li a {
display:block;
padding:10px;
font:bold 14/40px Tahoma, Geneva, sans-serif;
color:#232323;
text-decoration:none;
-moz-transition:all linear 0.2s;
-vebkit-transition:all linear 0.2s;
transition:all linear 0.2s;
}

.header ul.menu li a:hover {
color:#009655;
}


/* Header 2 */
.header2 {

width:100%;
height:150px;
background-color:#232323;
position:relative;
}

منتظركم يا شباب وجزاكم الله كل خير

واللى اقصده بالظبط مثل موقع ترايد نت التجارى

https://traidnt.com/

المحتوى بالمنتصف

الصور المصغرة المرفقة __DEFINE_LIKE_SHARE__