هناك العديد من المقالات الممتازة في الخارج التي يمكنك التعلم منها، لذلك قررت قضاء بعض الوقت في ترجمتها. لا أعرف ما إذا كان أي شخص قد قام بترجمة هذه المقالة الاسم الأصلي هو 10 أخطاء وإصلاحات فظيعة في IE . آمل أن يتمكن المزيد من الأشخاص من قراءة هذه المقالات الممتازة. الأجانب يتمتعون بروح الدعابة للغاية، لذلك قرأت النص بأكمله. الخبراء يأخذون منعطفا
وفيما يلي الترجمة :
لقد قمت بإدراج 10 أخطاء شائعة في IE وحلولها. أعتقد أن هذا سيساعدك على تقليل الوقت الذي تقضيه في تصحيح أخطاء عدم تناسق التخطيط في IE.
المؤلف: كيفن
مقدمة
كل شخص لديه قصته الخاصة عندما يتعلق الأمر بالتعامل مع IE. كمطور، لا بد لي من التعامل مع الكثير من المراوغات في IE وفي بعض الأحيان تريد فقط أن تضرب رأسك بالحائط. ولكن مع مرور الوقت، تعلمنا الكثير (في بعض الأحيان لم يكن خطأنا، بل كان خطأ IE!) وبدأنا في قبول وفهم سلوك IE الغريب. يتعين علينا القيام بذلك لأنه لا يزال هناك عدد كبير من مستخدمي IE6. أفضل ما يمكنك فعله هو اختبار موقع الويب الخاص بك باستمرار من متصفحات مختلفة من البداية. يعد حل مشكلات التخطيط من البداية أسهل بكثير من حلها بعد آلاف الأسطر من أكواد html وcss.
هناك الكثير من الحركة التي تحتج على IE6، بدعم من غالبية خبراء الويب والمستخدمين العاديين الذين لا يبدو أنهم يهتمون كثيرًا. إذن، ماذا يمكننا أن نفعل الآن؟ كان علينا مواصلة البحث لحل المشكلة مع IE6. ولكن مهلا، هناك أخبار مثيرة. استنادا إلى تقرير w3cschool الشهري، انخفض عدد مستخدمي IE6 على مر السنين. من 60.3% في يونيو 2006 إلى 13.6% في سبتمبر 2009. وفقًا لهذه النسبة، يجب أن نكون قادرين على التخلي عن IE6 بحلول نهاية عام 2010 (ملاحظة: الوضع في الخارج جيد حقًا~.~)
حسنًا، بالعودة إلى الواقع، لقد قمت بإعداد قائمة بجميع المشكلات التي واجهتها من قبل للرجوع إليها في المستقبل. أعتقد أن هذا سيساعدك على تقليل الوقت الذي تقضيه في تصحيح أخطاء عدم تناسق التخطيط في IE.
1. النص الخفي لـ IE6 (خطأ النص الخفي)
قبل أن أكتب هذا المقال، واجهت هذا الخطأ. إنه أمر غريب ومضحك للغاية. يتم عرض جزء من النص المكرر الذي يأتي من العدم بالقرب من النص الأصلي بواسطة IE6. (تعليق توضيحي: يمكنك أيضًا الرجوع إلى Explorer 6 Duplicate Characters Bug للحصول على عرض توضيحي للأخطاء). لم أتمكن من إصلاحه، لذلك بحثت عنه، ومن المؤكد أنه خطأ آخر في IE6.
هناك العديد من الحلول لهذا، لكن لم ينجح أي منها في مثالي (لم أتمكن من استخدام بعضها بسبب تعقيد الموقع). لذلك استخدمت الاختراق. يبدو أن إضافة مسافات بعد النص الأصلي يحل المشكلة.
ومع ذلك، علمت من مدونة Hippy Tech أن السبب وراء المشكلة يرجع إلى علامات تعليق html. لا يمكن لـ IE6 تقديمه بشكل صحيح. وهذه قائمة بالحلول المقترحة له:
حل :
2. الموضع النسبي والتجاوز مخفي
لقد واجهت هذه المشكلة عدة مرات عندما كنت أقوم بإعداد برنامج تعليمي حول JQuery لأنني استخدمت الكثير من الفائض المخفي لتحقيق التصميم الذي أردته.
تحدث المشكلة عند تعيين تجاوز سعة العنصر الأصل على مخفي وتعيين العنصر الفرعي على الموضع: النسبي.
لدى CSS-Trick مثال رائع يوضح هذا الخطأ. الموضع: نسبي وتجاوز في إنترنت إكسبلورر
حل :
أضف الموضع: نسبة إلى العنصر الأصلي؛
3. الحد الأدنى للارتفاع لـ IE
الأمر بسيط، يتجاهل IE سمة الحد الأدنى للارتفاع. يمكنك استخدام الاختراق أدناه لإصلاحه. بفضل داستن دياز .
يعمل هذا الحل جيدًا في IE6 وMozilla/Firefox/Gecko وOpera 7.x+ وSafari1.2.
حل :
محدد {
الحد الأدنى للارتفاع: 500 بكسل؛
الارتفاع: تلقائي! مهم؛
الارتفاع: 500 بكسل؛
}