مشكلة في التوافق مع IE6 {تمدد أسفل البانر}

[أحمد الجارحي]

بسم الله الرحمن الرحيم

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


الأخوة الأحبة برجاء مساعدتي في هذا الأمر

قمت بتصميم على الفاير فوكس وكنت اجربه على الإكسبلورير للتأكد أن كل الخطوات متوافقة معه ولكني نسيت أني منصب إكسبلورير 7 وعندما قمت بالتجربة على IE6 ظهرت مشكلة ظهور تمدد أسفل الهيدر العلوي بطريقة بشعة

برجاء المساعدة في الأمر بتعديل الكود أو بعمل كود جديد


ومشكور كل من شارك مقدما

((مرفق ملف مضغوط يحوي الصفحة مختصرة و الصور الهامة))

[New Prison]

ارضاء جميع المتصفحات غاية لا تدرك

براي اذا تصميمك يعمل على فايرفوكس الاخير + اكسبلورر 8 + اوبرا الاخير بشكل جيد فهذا يكفي


لان حاليا قلة من يستخدم اصدارات قديمة وليس عليك القلق بشأنهم لأنهم هم المتأخرون بالتحديث وليس انت

[أحمد الجارحي]

المشكلة أن الموقع موجه لهذا الجمهور القليل

[مشراق]

بسيطة يا اخي

فقط ابحث عن هذا الكود وقم بحذفه لأنه زائد وليس له حاجة

<div id="header" class="left"></div>

[أحمد الجارحي]

نعم السر في هذا الجزء لكنه يضيف الجزء الموجود في أقصى اليسار نهاية الهيدر

#header.left {

margin: 0; 
padding: 0; 
background: url('images/Untitled-3_01.gif'); 
height: 124px; 
width: 83px; 
background-repeat: no-repeat; 
max-height: 124px; 
min-height: 124px; 
min-width: 83px; 
max-width: 83px; 
position: absolute; left: 0; top: 0;
}

[مشراق]

إذا مابغيت تحذفه استبدله بهذا

<div id="header" class="left" style="position: absolute; right: 711px; top: 0px; width: 88px; height: 124px"></div>

على فكرة لاحظت ان مكرر الستايل شيت CSS مرتين في الصفحة وهذا خطأ

[أحمد الجارحي]

جزيل الشكل لك أخوي مشراق فالآن المشكلة تتجه للحل
قمت بتعديل إقتراحك ليتربط بجهة اليسار فوصفك لمكان نهاية الهيدر لجهة اليمين ربما لا يتناسب مع مختلف الشاشات فقمت بتعديله ليكون الوصف لجهة اليسار

<div id="header" class="left" style="position: absolute; left: 0px; top: 0px; width: 83px; height: 124px"></div>

الآن النتيجة عدم إمتداد التمدد لأسفل الهيدر في الإكسبلورير لكن نهاية الهيدر لا تظهر تظهر فقط في الفايرفوكس


تكرار الإستايل نتيجة خطأ في البحث عن الخطأ فكنت اعدل في الستايل واستبدله فالظاهر في مرة لم استبدله بل أضفته