نقطه ویرگول;

هر از گاهی از هر چیزی

هر از گاهی از هر چیزی

سی اس اس فقط برای IE

پنجشنبه, ۷ بهمن ۱۳۸۹، ۰۵:۲۵ ق.ظ
برای طراحان وب یکی از معظلاتی که همیشه بوده و امیدواریم به زودی بر طرف بشه internet explorer بوده و هست. این مرورگر(!) تقریبن هیچ وقت استاندارد نبوده و گویا علاقه ای هم به استاندارد شدن نداره (البته بعد از IE8 اوضاع یه کم داره بهتر می شه و IE9 تقریبن کمی از نگرانی ها رو برطرف کرده) اما به جرات می شه عنوان کرد که غول مرحله ی آخر طراحان وب IE6 می باشد. :D در همین راستا یک سری تکنیک ها هست که مشکل رو حل می کنه
در HTML ما می تونیم برای استفاده از CSS هامون شرط تعیین کنیم. یعنی برای نمونه بگیم که اگر مرورگر کاربر IE بود ie.css رو لود کن و اگر مرورگرهای دیگه بودن style.css. این کار چه مزایایی داره؟
  • استایل شیت اصلی ترو تمی باقی می مونه
  • استفاده از تکنیک های قابل قبولی که توسط مایکروسافت تصویب شده
  • داشتن کدهایی استاندارد بدون استفاده از هک ها
  • به یاد داشته باشید که این شرطی نویسی فقط برای کدهای سی اس اس نیست. شما می تونید از کدهای جاوااسکریپت و تگ هایی که فقط نیاز دارید در IE نمایش داده بشن استفاده کنید.
    حالا شروع می کنیم:
    تمامی نسخه های IE:
    
    
    مرورگرهای دیگر(به غیر از IE)
    
    
    فقط IE7
    
    
    فقط IE6
    
    
    فقط IE5
    
    
    فقط IE5.5
    
    
    فقط IE6 و نسخه های قدیمی تر
    
    
    
    
    فقط IE7 و نسخه های قدیمی تر
    
    
    
    
    فقط IE8 و نسخه های قدیمی تر
    
    
    
    
    فقط IE6 و نسخه های تازه تر
    
    
    
    
    فقط IE7 و نسخه های تازه تر
    
    
    
    
    هک ها
    هک ها روش های غیر استانداردی هستن که می شه مشکلات رو باهاشون حل کرد ولیدیتور w3c از ای هک ها خطا می گیره.
    برای اینکه یک خصوصیت مثلن margin در IE6 کار بکنه و در سایر مرورگرها ندیده گرفته بشه من از این روش استفاده می کنم:
    _margin: 10px;
    
    * از - هم می تونید به جای ـ استفاده کنید
    برای IE7 هم می تونید از علامت * ستاره استفاده کنید:
    *margin: 10px;
    
    یه سری هک دیگه هم وجود داره که می تونید برای اطلاعات بیشتر به این پیوند مراجعه کنید.
    امیدوارم مفید بوده باشه
    منبع : css-tricks
    موافقین ۰ مخالفین ۰ ۸۹/۱۱/۰۷
    مرتضی فتحی

    هک

    css

    ie

    html

    سی اس اس

    نظرات  (۵)

    مرسی خوب بود.
    بله مفید بود ;).
    خواهش می کنم :)
    راستی یه نکته:
    فکر کنم برای IE8 هم از ** می تونید استفاده کنید
    دوستان اگه IE8 دارید تست کنید
    ممنون
    i like it آموزش سی اس اس فقط برای IE | PHPDevelopers.ir very not long ago im your rss reader

    ارسال نظر

    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    تجدید کد امنیتی