مالحل في اختلاف التصميم بين المتصفحات الفايرفوكس و الاكسبلورر 7 ؟

[أنس بن مالك]

السلام عليكم

اخوتي الافاضل احبتي عمالقة سوالف

هذه الايام تواجهني مشكلة عويصة و هي الاختلاف بين المتصفحات في قراءة css

بشكل فظيع .. خصوصا مع الاكسبلورر .. 7

لا اريد الهروب من المشكلة .. و اجبار المتصفح و الزائر علي تحميل الفايرفوكس كما يفعل البعض و احب ان افعل في موقع شخصي او موقع متخصص ..

لكن في المواقع الكبيرة .. لابد من الوصول لتوافق بينهم

مالحل ؟؟

هل الحل مستحيل ؟ ام انه صعب ؟

هل اقوم باستخدام كود جافاسكربت يقوم بمل شيك او فحص علي المتصفح لو كان اكسبلورر قم بتحميل ملف سي اس اس معين له style-ie7.css
و كذلك باقي المتصفحات؟ هل هذا هو الحل ؟

ان كيف ننفذه ؟؟

ماهي الاختلافات المعروفة بين المتصفحين ... ؟ خصوصا في css ?

و مشكلة البوزيشن positon t في css بين المتصفحين عوصية جدا مالحل لها ؟

كيف نصل لحل وسط ..

بانتظار الحلول التي تستخدمونها لكي نستفيد منها ..

[مصطفى فرغلى]

مشاكل فروق بين المتصفحات هذا شىء طبيعى ، لكن يمكن القضاء عليها بالعلم ، اتعجب من المتغطرس الذى لا يعلم اى شىء و يريد ان يصمم و يظهر التصميم بنفس الشكل فى كل المتصفحات ، اذا فتحت تطبيقات جوجل ستجدها تعمل على جميع المتصفحات بنفس الشكل ، لماذا ؟ لأن خبراء مثل Dan cederholm يعمل لديهم ، بالمناسبه هذا المصمم له كتاب أكثر من رائع اعتقد 250 صفحه إسمه bullet proof web design يتحدث عن الفروق و خلافه ، و ايضا ياهو تشغل لديها خبراء مثل nichole sullivan و stoyan stefanov لنفس السبب ، تعلم و ستغنى نفسك عن ذل السؤال ممن جهل .

[magic4host.com]

يمكنك إستخدام ال server side includes فى عمل if فى حالة ال ie يتم عمل include لملف css معين لحل المشكلة التى تواجهك معه

و لكن قبل ذلك تأكد من نظافة الشفرة المصدرية و أغلافك بجميع ال tags بطريقه صحيحة بالإضافة لبعض الtrics يمكنك تعلمها بالخبرة

كتاب رائع بالفعل , شكرا لك

[أنس بن مالك]

الف شكر يا شباب علي الردود الرائعة المشجعة ..

و علي اسماء الكتب سيتم البحث عليها و قرائتها ...

لملف css معين لحل المشكلة التى تواجهك معه

و هذا هو الحل الذي سوف اقوم به ..

لكن ماهو الكود جافاسكربت الذي استخدمه ؟

<!--[if lte IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/beez/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/beez/css/ie7only.css" rel="stylesheet" type="text/css" />
<![endif]-->

2- هل اقوم بعمل استايل من جديد في هذا الملف .. ام اكتب الخصائص المختلفة في القيم فقط ؟؟
و هل لو هناك ملفين .. استايل لكل المتصفحات و ملف استايل اخر للاكسبلورر ايهما يتم تطبيقه .. ؟

الملف الذي استدعيناه أولا ؟ ام اخر ملف تم استدعائه ام ملف الاكسبلورر فقط ؟؟

3 - ماهي الخصائص التي عادة تقوم بعمل مشاكل بين المتصفحات

خاصية positon في css جننتني مع الاكسبلورر ما حلها ؟؟

[أنس بن مالك]

الحلول المقترحة لمواجهة اختلاف الاستايلات بين المتصفحات :

1- العلم
2- الخبرة
3- عمل ملف استايل لكل متصفح بالاختلافات
4-التأكد من الكود و اغلاق كل الوسوم
5- الملاحظات و tricks

تلخيص لكل ما ذكرتم .. هل يوجد المزيد ..

كان هذا الموضوع لاتخلص من مشاكل عويصة لدي الان و كره شديد لذلك المتصفح .. فاردت ان اتغلب علي ذلك بطريقة صحيحة

و ردودكم اخرجت ذلك الغضب الي تحدي يواجهني و خبرة انا بحاجة اليها ..

هل يوجد كتب اخري في هذا المجال .. روابط .. مواقع .. أفكار .. خطوات ..

[أنس بن مالك]

رابط تحميل الكتاب

Deposit Files

[مصطفى فرغلى]

What are the best web design sites? - Stack Overflow

[EJR7.COM]

حاول أن تتعلم أن تجعل الموقع متوافق مع المعايير القياسيه العالميه World Wide Web Consortium - Web Standards

وأن تستخدم البرامج الجديده لذلك مثلاً بدال الفرونت بيج إستخدم Microsoft Expression Web

وبهذه الطريقه بإذن الله راح يشتغل على كل المتصفحات

[مصطفى فرغلى]

وأن تستخدم البرامج الجديده لذلك مثلاً بدال الفرونت بيج إستخدم Microsoft Expression Web

لا تستخدم اى محرر WYSIWYG ، لأنه يكتب الكود بدلا منك بدون فهمك ، اكتب الكود بنفسك و تعلم من اخطائك

[أنس بن مالك]

اكتب الاكواد ببرنامجي المفضل

notepad++

او اي محرر نصي اخر به الوان >>> حفاظا علي حالتي النفسية فالعمل وسط اكواد ملونة اجمل و أمتع بكثير من نصوص جوفاء .. سوداء ..

هل من نصائح اخري .. ؟؟

هل من بديل للفايربج firebug علي الفايرفوكس ..بديل مثله يعمل علي الاكسبلورر ؟ بنفس الخصائص و هي التعديل المباشر علي الصفحة و اضافة خصائص

[مصطفى فرغلى]

يوجد Firebug lite التى تعمل على اكسبلورر ، و يوجد داخل السفارى developer tools رائعه تنافس ال firebug يمكن الحصول عليها من options > advanced > show developer tools ، يوجد فى IE8 الملحق Internet developer tools موجود مباشره من غير تنصيب ، و يمكن اضافته للنسخ السابقه http://www.microsoft.com/downloads/d...displaylang=en

[مصطفى فرغلى]

هل من نصائح اخري .. ؟؟

فى حكمه بتقول be the worst guy in the band
يعنى كن اسوأ فرد فى الفرقه
يعنى اوعى تصاحب ناس تبقى انت الكبير و الخبير فيهم ، كده عمرك ما هتتقدم ، صاحب و تابع مدونات تخليك تحس انك لا شىء و تحس انك سىء جدا عشان تتحمس انك تتعلم و تتقدم بمستواك .
و اياك ثم اياك تأخذ رأى او نصيحه من جاهل ، الكل بيفتى بما لا يعلم