تبلیغات
p5soft | دانلود نرم افزار,طراحی سایت,طراحی قالب وبلاگ
پرواز تفریحی پاراگلایدر
پرواز تفریحی پاراگلایدر پرواز تفریحی پاراگلایدر

دوشنبه 13 آبان 1392

شیوه نامه فقط برای اینترنت اکسپلورر

نویسنده: امیر حسینی   

شیوه نامه فقط برای اینترنت اکسپلورر


یکی از مشکلات طراحان وب نمایش درست پوسته های طراحی شده در مرورگر اینترنت اکسپلورر است، متاسفانه نمایش صفحات در نسخه های مختلف IE به طرز افتضاحی متفاوت است مخصوصاً در نسخه های قدیمی تر…
از آنجایی که IE مرورگر پیش فرض ویندوز است شما حتماً باید پوسته طراحی شده خود را برای کاربران این مرورگر خوانا کنید ولی در عین حال نیازی نیست تا تغییری در شیوه نامه اصلی خود ایجاد کنید یا خاصیت هایی که مرورگرهای نسل جدید از آن پشتیبانی می کنند حذف کنید، تنها کافی است با استفاده از روشی که در این مطلب آموزش خواهیم داد شیوه نامه ایی مخصوص اینترنت اکسپلورر بنویسید.

باید قبل از این آموزش توجه شما را به این نکته جلب کنم که طبق آمار سایت IE6 Countdown هنوز 6.1 درصد از استفاده کننده های اینترنت از اینترنت اکسپلورر 6 استفاده می کنند!
بماند که طبق آماری که شخصاً دارم در ایران بیشترین استفاده از نسخه 7 و 8 میشه و همچنین طبق همین آمار از هر نیم میلیون نفر بازدید کننده 0.8 درصد از افراد از نسخه ی 5 اینترنت اکسپلورر استفاده می کنند. (بله هستند یه همچین موجوداتی!)
پس با توجه به این آمار و بر اساس تجربه شخصی توصیه من این هست که فقط برای اینترنت اکسپلورر 8 به بالا پوسته را بهینه کنید. با این کار به حذف نسخه های قدیمی کمک می کنید. ^_^
تگ های زیر مانند دیگر استایل ها در تگ HEAD قرار خواهند گرفت، شروع و آغاز تگ ها با کامنت HTML است.

شیوه نامه مخصوص تمام نسخه های اینترنت اکسپلورر:

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

شیوه نامه مخصوص تمامی مرورگرها به جزء اینترنت اکسپلورر:

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 7 :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 6 :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 5 :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 5.5 :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 6 و یا پایین تر :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 7 و یا پایین تر :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 8 و یا پایین تر :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 6 و بالاتر :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 7 و بالاتر :

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

شیوه نامه فقط مخصوص اینترنت اکسپلورر نسخه 8 و بالاتر :

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

معانی حروف درون کامنت های HTML:

IF IE = اگر اینترنت اکسپلورر بود…
! = NOT (پس IE! به معنی غیر از اینترنت اکسپلورر هست)
gt = نسخه های بالاتر greater than
gte = نسخه های همسان یا بالاتر greater than or equal
lt = نسخه های پایین تر less than
lte = نسخه های همسان یا پایین تر less than or equal

نظرات() 
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر

موضوعات

قالب فلش فوق العاده زیبا و حرفه ای
سئو چیست؟
وبلاگ های تازه طراحی و مطلب گذاری شده
به اشتراک گذاشتن اینترنت PC با موبایل از طریق usb
اتصال مستقیم تبلت به اینترنت adsl
دفترچه راهنمای فارسی گوشی هوشمند سامسونگ
راهنمای کامل فعال سازی اینترنت ایرانسل (GPRS و EDGE)، بسته های افزایشی و تعرفه‌های مربوطه
ساخت کاربر VIP برای سایت های وردپرسی
/طرح-لایه-باز-اسلایدر-سری-اول.
دریافت کد « ما را حمایت کنید 2 »
دانلود قالب گالری عکس
اسلاید شوی حرفه ای
کد اسلاید شو برای وبلاگ
قالب های حرفه ای وبلاگ همراه با اسلایدشو
ابزار نمایش اسلایدر تصاویر
ابزار اسلایدر عکس برای نمایش چندین تصویر در وبلاگ
قالب همراه با اسلاید شو
کد عضویت کاربر
دانلود اسکریپت مدیریت کاربران AuthManager نسخه ۳
عوامل موثر در افزایش رنکینگ سایت در گوگل
نمایش توضیحات برای یک فیلد در کنار آن به صورت Tooltip نمایش کد
اسلایدشو با قابلیت پیش نمایش فریم ها- کد جاوا
فیلم فارسی آموزش جاوا اسکریپت (JavaScript) – بخش اول
آموزش ساخت تاریخ و روز با جاوا
کد جاوا اسکریپت تغیر رنگ پس زمینه با کلیک بر روی یک دکمه/لینک
آموزش انتقال بازدید کننده از دامنه قدیمی به دامنه جدید سایت یا وبلاگ
پیش فرض چگونه جاوا اسکریپت را بر روی مرورگر فعال کنیم؟ (+آموزش تصویری)
دانلود کتاب آموزش جاوا اسکریپت صورت کامل
اسکریپت پرداخت آنلاین بانک پارسـیان
اسکریپت سئو سایت در موتور های جستجوگر seo paneL
مراقب لیست سیاه متور های جستجوگر باشید!!
افزونه رمز گذاری روی لینک های دانلود مخصوص vip کردن سایت+آموزش استفاده
25 افزونه کاربردی برای مرورگر کروم
25 افزونه کاربردی برای مرورگر کروم- part2
بازاریابی شبکه های اجتماعی
کلمات کلیدی مطلب : آموزش - تنظیمات - فیس بوک - امنیت فیس بوک - facebook -
آموزش کامل تنظیمات فیس‌بوک(قسمت اول)
5 اشتباه در رایج در شبکه های اجتماعی
ابزارهای بازاریابی شبکه های اجتماعی - نبض وب سایت تان را در دست بگیرید
5 راه برای فروش توسط شبکه های اجتماعی
سوالات و مشکلات سری d سامسونگ
آموزش تصویری / کامل Css3 - مقدماتی تا پیشرفته
ستون های چندگانه در Css3
آموزش تصویری / کامل Css3 - مقدماتی تا پیشرفته
مرجع کامل دستورات CSS2
آموزش ساختن منوی بازشو توسط CSS
آموزش ساخت منوی عمودی ساده با CSS
آموزش ساخت منوی افقی ساده با CSS
آموزش هک کردن فیس بوک
آموزش هک و جلوگیری از هک شدن مودم ADSL

آمار وبلاگ

  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
  • P5design & PARAPINK5 Sales, I.R.I., Inc. All information applies to I.R. vehicles only
    tell number : 09365995390 | 09122061238 | 09022061238
    www.p5bisim.com