هل هناك فرق بين نماذج الصندوق الخاصة بـ IE8 وFirefox3؟

Question

ما هي الاختلافات الرئيسية (إن وجدت) بين نماذج الصندوق الخاصة بـ IE8 وFirefox3؟

هل هم نفس الشيء الآن؟

ما هي الاختلافات الرئيسية الأخرى بين هذين المتصفحين؟هل يمكن لمطور الويب أن يفترض أن هذين المتصفحين متماثلان لأنهما (يبدو) يدعمان أحدث معايير الويب؟

Answer 1

لقد تم "إصلاح" نموذج مربع Internet Explorer منذ Internet Explorer 6 طالما أن صفحاتك في وضع المتوافقات القياسية.

يرى: وضع المراوغات و خطأ في نموذج صندوق Internet Explorer.

حتى تعلمت عن تصريحات نوع المستند، كان جعل IE يعمل بشكل صحيح بمثابة ألم حقيقي، لأن IE يعمل في "وضع المراوغات" افتراضيًا.لذا فإن وجود نوع مستندي للوضع القياسي سيؤدي إلى القضاء على مجموعة كاملة من مشكلات CSS الأكثر إيلامًا.

Answer 2

لن أفترض أبدًا أن أي متصفح يعرض الصفحة بنفس الطريقة تمامًا.اختبار دائما!

على الرغم من أنها تدعم المعايير، إلا أن هناك الكثير من الاختلافات بين المتصفحات المختلفة وحتى الإصدارات المختلفة.يتم عرض FF1 بشكل مختلف عن FF2 والذي يتم عرضه بشكل مختلف عن FF3.

عليك أيضًا أن تتذكر أن كل متصفح لديه محرك JavaScript خاص به والذي سيؤدي مرة أخرى إلى عمل بعض البرامج النصية وفشل البعض الآخر.

يمكنك بالطبع تقليل هذه الاختلافات باستخدام أطر عمل CSS وJavaScript التي تم تطويرها لدعم متصفحات متعددة.

ومع ذلك، لا يزال يتعين عليك الاختبار في جميع المتصفحات.سيكون هناك دائمًا شيء لا يبدو أو يتصرف بشكل صحيح تمامًا.

Answer 3

الأشياء التي ستختلف دائمًا بين الاثنين (والمتصفحات الأخرى) هي القيم الافتراضية (أحجام الخطوط في العناوين، على سبيل المثال).غالبًا ما تختلف أيضًا الطريقة التي يحققون بها المرئيات الافتراضية، مثل ما إذا كانوا يستخدمون الحشو أو الهامش لتحقيق المسافة البادئة في القوائم ذات التعداد النقطي أم لا.

الشيء الإيجابي للغاية الذي لاحظته للتو هو أن IE8 قام أخيرًا بإصلاح معالجة IE margin: 0 auto لعناصر الكتلة التي تريد توسيطها أفقيًا في العناصر الأصلية الخاصة بها.