مشكلة الموقع لا يتناسب مع حجم الشاشة
 

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

اخواني عندي مشكلة في ستايل الموقع وهو ليس منتدى .. انه لا يتناسب مع تلقائيا مع شاشات اقل من 17 وحتى مع شاشة 17 في بعض الصفحات اذا كان هناك مقال فيه صور واسطر عريضة تجد ان الموقع تظهر في اسفله سطر تحريك الشاشة الخاص بالمتصفح وسوف تحركه مسافة طويله جهة اليسار خاصة للوصول الى الطرف اليسار :(
ارجو ان احد يساعدني في ضبط مقاسات الستايل وجعله تلقائي (بالنسبة لشاشات الجوال غير مهم )
هذا الكود بالاسفل هو ستايل css
وسوف ادعو له في ظهر الغيب وشكرا
رمز Code:
*{
margin:0;

padding:0;
}
body { font-family: Tahoma; font-size: 18px; direction:rtl;}
.groundnotice { border:1px solid #FFFFFF; padding-top: 15px; padding-bottom: 5px }
.wrongajax { border: 3px solid #FF0000; background-color: #FFFFFF }
.rightajax { border: 1px solid #008000; background-color: #00FF00 }
.pagestd { color: #FFFFFF; border-style: solid; border-width: 1px; background-color:
#AB2972; padding-right: 8px }
.notice { border: 1px solid #F8979A; background-color: #FFF4F8; padding-top:19px; padding-bottom:10px; padding-left:20px; padding-right:20px}
.pages { border: 1px solid #94225F }
a:link { font-family: Traditional Arabic; font-size: 14px; text-decoration:none; color:#0000FF }
a:visited { font-size: 12px; font-family: Tahoma; text-decoration:none; color:#0000FF }
a:link { font-family: Tahoma; font-size: 17px; text-decoration:none; color:#0000FF }
body { font-family: Tahoma; font-size: 17px }
input { border: 1px solid #CC0099;height:19px; font-family: Tahoma; font-size: 12px;}
select { font-family: Tahoma; font-size: 17px }
textarea { font-family: Tahoma; font-size: 17px }
td { font-family: Tahoma; font-size: 17px; color:#000000;height:1px; }
table { font-family: Tahoma; font-size: 17px }
.r-td { border: 1px solid #FFFFFF; background-image:url('../images/r-td.jpg'); height:23px; padding-right:10px; }
.l-td { border:1px solid #FFFFFF; color: #000000; background-image:url('../images/l-td.jpg'); padding-right:10px; height:23px;; }
.l-msg { border:1px solid #FFFFFF; color: #000000; background-color:#ECEAEC; padding-right:10px; height:23px;; }
.h-td { color: #FFFFFF; padding-right:13px; height:22px; background-image:url('../images/H-Td.jpg');}
.sub-button {height:25px; padding-left:7px; padding-right:7px}
.r-tdco { background-color: #F3C7E0 }
.tab {
border: 1pt solid #812661}
.success {
border-style:solid; border-width:1px; padding:5px; background-position: center;height:60px;color: #4F8A10;
background-color: #DFF2BF;
}
.error {
border-style:solid; border-width:1px; padding:5px; background-position: center; color: #D8000C;
background-color: #FFBABA;
}
.info {
border:1px solid #0000FF; color: #00529B;
background-color: #BDE5F8; padding-top:10px; padding-bottom:10px
}
img{
border:0px;
}
.dd, .chatboxhead {
background-image:url('../images/H-Td.jpg');
}
.dfa, .chatboxblink {
background-image:url('../images/r-td.jpg');
}
.blk5-head_outer{
width: 225px;
background-image: url(../images/blknew_01.gif);
background-repeat: no-repeat;
height:58px;
}
.blk5-head_in{
padding:16px 60px 0 18px;
}
.blk5-body_outer{
width: 225px;
background-image: url(../images/blknew_02.gif);
background-repeat:repeat-y;
}
.blk5-head_outer2{
width: 225px;
background-image: url(../images/blknew2_01.gif);
background-repeat: no-repeat;
height:58px;
}

.blk5-body_in{
padding:3px 25px 0 6px;
min-height:75px;
}
.blk5-footer{
width:225px;height:20px;
background-image: url(../images/blknew_03.gif);
background-repeat: no-repeat;
}