شرح تخصيص ستايل Css لكل متصفح - سهل وبسيط

السلام عليكم ..

جميعاً ما يواجه مشكلة اثناء تصميم وتوزيع صفحات بإستخدام Css وهي عدم توافق الإكسبلورر والفايرفوكس مثلاً 

لذلك قد يحتاج كتابة كتابات غير متوافقه مع متصفح والاخر لا والعكس كذلك ..

وقتها سيكون مضطر لإستخدام ملف ستايل خاص لكل متصفح على حدى .. 

وهنا في شرحنا سنعلمكم عن طريقة إستخدام ستايل مخصص لكل متصفح سواء كان أكسبلورر او متصفح اخر 


هذا هذا الكود للوصول إلى كل اصدارات انترنت اكسبلور

كود PHP:

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

هذا الكود للوصول إلى كل المتصفحات ماعدا انترنت اكسبلور

كود PHP:

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

هذا الكود للوصول إلى متصفح انترنت اكسبلور 7 IE7

كود PHP:

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

هذا الكود للوصول إلى متصفح انترنت اكسبلور 6 IE6

كود PHP:

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

هذا الكود للوصول إلى متصفح انترنت اكسبلور 6 والاصدارات الأقل

كود PHP:

<!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->  

هذا الكود للوصول إلى متصفح انترنت اكسبلور 7 والاصدارات الأقل

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

هذا الكود للوصول إلى متصفح انترنت اكسبلور 8 والاصدارات الأقل

كود PHP:

<!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->  

هذا الكود للوصول إلى متصفح انترنت اكسبلور 6 والاصدارات الأحدث

كود PHP:

<!--[if gte IE 6]>
        <link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->  

هذا الكود للوصول إلى متصفح انترنت اكسبلور 7 والاصدارات الأحدث

كود PHP:

<!--[if gte IE 7]>
        <link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->  

هذا الكود للوصول إلى متصفح انترنت اكسبلور 8 والاصدارات الأحدث

كود PHP:

<!--[if gte IE 8]>
        <link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->  

واخيرا يمكنك استعمال بعض الهاكات لانترنت اكسبلور 6 -7 ويمكنك كتابة هذا الكود مباشرة فى ملف Style.css ولكن تحذير هذه الطريقة تعطى خطأ عند استعمال Valid css.
انترنت اكسبلور 6 : قم بوضع علامة الشرطة(-) قبل الخاصية

كود PHP:

p {
    _margin-top:5px;
}  

فى انترنت اكسبلور7 : قم بوضع علامة النجمه (*) قبل الخاصية

كود PHP:

p {
    *margin-top:5px;
}  

بكذا نحن خلصنا طريقة تحديد ستايل لكل متصفح وتوجية المتصفح لهذا الاستايل على حدى


أي إستفسار أخر سأكون هنا في الخدمة 

في انتظار تطبيقاتكم