1. إذا كنت في شك، تحقق على الفور
إن التحقق البسيط من الكود الأصلي عند حدوث خطأ ما يمكن أن يوفر عليك الكثير من الصداع. لدى W3C أدوات كشف متاحة لـ XHTML وCSS. يرجى ملاحظة أن الأخطاء في بداية الملف قد تسبب المزيد من الأخطاء بسبب البنية غير الصحيحة وعوامل أخرى؛ نوصي بإصلاح بعض الأخطاء الأكثر وضوحًا أولاً ثم إعادة الفحص، مما قد يقلل من عدد الأخطاء.
2. تذكر مسح التعليمات بشكل مناسب عند استخدام الوظيفة العائمة
يعد الطفو ميزة خطيرة وقد لا يؤدي إلى النتائج التي تتوقعها. إذا واجهت عناصر عائمة تمتد إلى ما وراء حدود الحاوية المحيطة أو غيرها من المواقف غير العادية، فتأكد من أنك تقوم بذلك بشكل صحيح. راجع تعليم إريك ماير على موقع ويب Complex Spiral Consulting.
3. استخدم الحشو أو الحدود لتجنب تداخل الحدود.
ربما تجد صعوبة في الحصول على مساحة صغيرة لا ينبغي أن تكون موجودة، أو قد لا تتمكن من الضغط على مساحة صغيرة عندما تحتاج إليها. من السهل تداخل الحدود إذا استخدمت الهوامش؛ ويشرح آندي بود ما هو ممكن على موقعه على الويب.
4. حاول تجنب تحديد الحشو/الحدود والارتفاع أو العرض على العنصر في نفس الوقت
غالبًا ما يتسبب إصدار Windows من IE في حدوث مشكلات في حساب العرض والارتفاع. هناك بعض الطرق لحل هذه المشكلة، ولكن إذا كان العنصر الأصل يحتاج إلى تحديد الارتفاع والعرض، فمن الأفضل تطبيق هامش على العناصر الفرعية داخل العنصر الأصل، أو عندما يحتاج العنصر الفرعي إلى تحديد الارتفاع والعرض، قم بتطبيق الحشو على العنصر الأصلي لتحقيق هذا التأثير.
5. لا تعتمد على الحد الأدنى للعرض / الحد الأدنى للارتفاع
لا يدعم إصدار Windows من IE كلا الصيغتين. ولكن إلى حد ما، يمكن لإصدار Windows من IE تحقيق تأثير يعادل الحد الأدنى للعرض/الارتفاع الأدنى، لذلك طالما قمت بإضافة بعض وظائف التصفية إلى IE، يمكنك تحقيق النتائج التي تريدها.
6. عندما تكون في شك، قم بتقليل النسبة أولاً
في بعض الأحيان تؤدي بعض الأخطاء إلى تحويل 50%+50% إلى 100.1%، مما يسبب مشاكل في صفحة الويب. في هذا الوقت حاول تغيير هذه القيم إلى 49% أو حتى 49.9%.
7. تذكر كيفية كتابة "TRouBLed"
الصيغة المختصرة للحدود والهامش والحشو لها ترتيب محدد، يبدأ من الأعلى ويتجه في اتجاه عقارب الساعة: أعلى، يمين، أسفل، يسار، وبالتالي فإن نتيجة الهامش: 0 1px 3px 5px لا يوجد حدود في الأعلى، 1 بكسل على اليمين، وهكذا. تذكر "TRouBLe" ولن تخطئ في التسلسل.
8. طالما أن القيمة ليست صفراً، فيجب تحديد الوحدة.
يتطلب منك CSS تحديد وحدات لكل خط وهامش وقيم متنوعة أخرى. (الاستثناء الوحيد هو ارتفاع الخط)