اختلاف شكل الصفحة من براوزر لأخر

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

ليس للـ php أي علاقة، و السبب هي عدم إلتزامك بالمعاير القياسية في تصميم الـ html.

السلام عليكم

بشكل عام تصميم موقع من الصفر بحاجة الى خبرة كبيرة في CSS وفي المقاييس العالمية والفروقات بين المتصفحات المختلفة .

لذا يفضل التصميم على احدى المتصفحات التي تطبق المعايير القياسية (اي شيء غير IE) وبعد ذلك محاولة التطبيق على IE ووضع تحسينات له .

ويمكنك البدء في تصميمات او قوالب جاهزة ووضع تصميمك بها مثل هذه :

http://www.dynamicdrive.com/style/layouts/category/C10/

نعم كم قال الأخوة

الأمر له علاقة بمعايير html و css

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

كما ان هناك فروق في javascript engines و في طريقة تنفيذ الجافا سكربت من متصفح لآخر فأحيانا اكتب كود جافا و يعمل معي في الفايرفوكس لكن عند تنفيذه في اكسبلورير لا يعمل و في العادة يكون هناك خطأ مني في كتابة الكود لكن فايرفوكس اكثر مرونة في تجاوز الأخطاء.

عانيت كثيرا من هذه المشاكل وسألخص لك الحلول إن شاء الله

1- إستخدام إحدى مكتبات الجافاسكريبت يوفر عليك الكثير من الوقت والجهد وأنا أستخدم مكتبة جي كويري ... الفوائد : تنفيذ الجافاسكريبت على جميع المتصفحات وجميع الإصدارات بدون مشاكل

2- إستخدام فايرفوكس للبدء بالصميم والتصميم يكون مبني على المعايير القياسيه للويب 2 بعد الإنتهاء الإنتقال إلى متصفح الإنترنت إكسبلولر 7 وعمل الستايل الخاص به منفصل وبعد الإنتهاء تقوم بإستدعاء ستايل إكسبلولر كمايلي :

<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="all-ie.css" />
<![endif]-->

الإستدعاء يكون تحت الستايل الخاص بفيرفوكس

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

طيب شو الحل لإكسبلولر 8 ؟ بعد البحث وجدت هذا الميتا الذي يقول لمتصفح إكسبلولر 8 صير متصفح الإصدار السابع :)

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

هذا مايحضرني دوبي صاحي وعلى الفريق العربي فورا :)