جزاكم الله خيراً ... وعذراً على التأخير 
ابوحسن1981: الحل بسيط وسهل، أنت قمت بعمل ثلاث صناديق تحت بعضها البعض، ولكي تجعلها متناسقة يجب أن تقوم بعمل صندوق رابع يحوي هذه الثلاثة ويجعلها متناسقة بالشكل المطلوب، أنظر إلى الأوامر وستفهم أكثر:
كود:
DIV.id--------24 {
position: relative;
height:15px;
}
.right_table_mid_1 {
position: relative;
width:277px;
padding:7px;
background-image: url('img/main_25.gif');
border:0px;
text-align:right;
font: bold 16px Arial;
}
DIV.id--------26 {
position: relative;
height:15px;
}
.box {
width:283px;
position: absolute;
top: 550px;
right: 283px;
}
قمت بتبسيط ما كتبته وألغيت بعض السطور، لاحظ أن أمر position في الصناديق التي قمت أنت بإنشاءها تحولت إلى relative بدلاً من absolute، والفرق هنا أن الإطار السفلي سيتمدد مع محتويات الصندوق الأوسط (بالمناسبة أقول صندوق ترجمة لكلمة box التي تستخدم لوصف صناديق css) والآن أنظر إلى أوامر html:
كود:
<div class="box">
<DIV CLASS="id--------24">
<IMG SRC="img/main_24.gif" width=277 height=15 ALT="">
</DIV>
<DIV CLASS="right_table_mid_1">
هنا سنعرض اخر المستجدات
</DIV>
<DIV CLASS="id--------26">
<IMG SRC="img/main_26.gif" width=277 height=15 ALT="">
</DIV>
</div>
قمت بجعل الصندوق الرابع الذي أنشأته (box) الإطار الذي يحيط ببقية الصناديق ويجعلها متناسقة، وحددت له عرضاً محدداً ومكاناً محدداً أيضاً، طبعاً يجب أن تقوم ببعض التعديلات على القياسات ومكان الصندوق هذا حتى يتناسق مع بقية أجزاء تصميمك الجميل، أرجو أن يكون شرحي بسيطاً وسهل الفهم
هههههه و على الله اطلع بشي 
