در طراحی وب یکی از مشکلات عمده طراحان ، هماهنگی قالب با تمامی مرورگرها مخصوصا مرورگر زبان نفهم اینترنت اکسپلورر هست ! البته این مشکل برای طراحان حرفه ای مسئله ای نیست و با چند ترفند و کد قابل حل می باشد . در این آموزش چند ترفند را ذکر میکنم که با استفاده از آنها میتوانید کدهایی مخصوص مرورگر اینترنت اکسپلورر بنویسید . برای خواندن آموزش به ادامه مطلب مراجعه کنید . حالت اول استفاده از فایل های CSS جدا می باشد که به عنوان مثال برای اینترنت اکسپلورر یک فایل CSS و به طور پیش فرض هم یک فایل CSS استفاده کنید . به عبارات زیر توجه کنید : <!–[if IE 8]> = IE 8 <!–[if lt IE 8]> = IE 7 و پایینتر <!–[if gte IE 8]> = IE 8 و بالاترمثال : <!--[if IE 8]> <style type="text/css"> /* css for IE 8 */ </style> <![endif]--><!--[if lt IE 8]> <link href="ie7.css" rel="stylesheet" type="text/css" /> <![endif]--> حالت دوم استفاده از هک های مخفی CSS است که فقط توسط اینترنت اکسپلورر قابل خواندن هستند ! در IE 8 و پایینتر : استفاده از (\۹) قبل از سمیکلون ( . در IE 7 و پاینتر : استفاده از کاراکتر (*) قبل از property مربوطه . در IE 6 : استفاده از کاراکتر (_) قبل از property مربوطه . مثال : .box { background: gray; /* standard */ background: pink\9; /* IE 8 and below */ *background: green; /* IE 7 and below */ _background: blue; /* IE 6 */ }حالت سوم استفاده از کلاس HTML است که توسط Paul Irish ایجاد شد . در این روش از HTML Class استفاده می کنیم که مرورگر بعد از چک کردن آن را می خواند . به مثال زیر توجه کنید . <!--[if lt IE 7 ]> <html class="ie6"> <![endif]--> <!--[if IE 7 ]> <html> <![endif]--> <!--[if IE 8 ]> <html> <![endif]--> <!--[if IE 9 ]> <html> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->امیدوارم این آموزش مفید واقع شده باشد . ممنون نویسنده : محمد رضا محمودی
