لماذا لا يقوم Internet Explorer بتقديم هذه الصفحة بسلاسة؟

Question

إلقاء نظرة على هذه الصفحة في IE 8:http://labs.pieterdedecker.be/hetoog/layout.htm.

يبدو بخير في البداية، ولكن حاول تحوم فوق عنصر ثم أخذ الماوس قبالة شبكة البند مرة أخرى.

قبل

بعد

لاحظ كيف يوجد حد أسود على يمين العنصر الأصفر. أيضا، الخط يبدو مختلفا.

كيف يمكنني اصلاح هذا؟

Answer 1

أود أن أضع كل أموالي على أنه بسبب التصميم القائم على الجدول ... حاول استخدام Divs بدلا من ذلك.

إليك مثالا تقريبا على استبدال جميع الجداول / الخلايا الخاصة بك مع Divs:

http://jsbin.com/akido/

اختبارها في IE8 وسترى أنك لم تعد لديك مشكلة تغيير ...

Answer 2

يجب أن تحاول إزالة تخطيط الجدول: خاصية ثابتة مخصصة لجدول.grid في CSS الخاص بك، قرأت في مكان ما يمكن أن يسبب البق في IE8. (يجب أن يكون غير ضروري لأنه يبدو أنك قمت بتعيين عرض لكل من TD.)

جانبا، يجب أن تفكر حقا في استخدام أشياء تقسيم أكثر من فئة واحدة في المستقبل. بدلا من المحاولة حتى تتمكن من كتابة CSS مثل td.note {} بدلا من td.Brownnote، td.greennote، ... {}