سازگاری با اینترنت اکسپلورر 8 - 7 -6 Internet Explorer compatibility

سلام

روی قالب سایت جدید مامبولرن کار میکردم به مشکلی در z-index برخوردم .با z-index در اینترنت اکسپلورر 8 به مشکل برخوردم . هر چند گفته میشه در نسخه بتا این مشکلات هست و در نسخه استیبل مشکل حل شده ! اما باز در نسخه استیبل مشکل مشاهده میشه .
البته این مشکل با کلیک روی compatibility view در Internet Explorer 8 حل میشد اما نمیشد به همه کاربرها گفت که باید روی compatibility view کلیک کنند .

این بود که شروع به جستجو برای حل این مشکل کردم . و در نهایت به تگی برخوردم که خیلی از مشکلات رو به راحتی حل میکنه .

تا حالا شده قالبی که درست کردید و در IE 7 به درستی لود میشه ، در IE8 به مشکل بخوره ؟
آیا شده بخوایید بدون اینکه کاربر روی گزینه compatibility view کلیک کنه مشکل سایت حل بشه ؟

با استفاده از متا تگ زیر شما میتونید به IE8 بگویید سایت رو با خاصیت IE7 نمایش بده
یا به صورت پیشفرض compatibility view فعال باشه
یا ....

[ltr]
Understanding Content Attribute Values

The content attribute is flexible in that it accepts values other than the ones described previously. This allows you greater control over the way Internet Explorer displays your Web pages. For example, you can set the content attribute to IE=7.5. When you do this, Internet Explorer attempts to convert the value to a version vector and selects the mode closest to that result. In this case, Internet Explorer would be set to IE7 mode. The following examples show the modes selected for other values when there are no other mitigating factors.

کد:

---

<meta http-equiv="X-UA-Compatible" content="IE=4">  <!-- IE5 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=7.5" > <!-- IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=100" > <!-- IE8 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=a" >  <!-- IE5 mode -->

<!-- This header mimics Internet Explorer 7 and uses
  <!DOCTYPE> to determine how to display the Web page -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

---

Note The previous example shows the results of individual content values. In practice, Internet Explorer only respects the first X-UA-Compatible header in a Web page.

You can also use the content attribute to specify multiple document compatibility modes; this helps ensure that your Web pages are displayed consistently in future versions of the browser. To specify multiple document modes, set the content attribute to identify the modes you want to use. Use a semicolon to separate each mode.

If a particular version of Internet Explorer supports more than one requested compatibility mode, it will use the highest available mode listed in the header's content attribute. You can use this fact to exclude specific compatibility modes, although this is not recommended. For example, the following header excludes IE7 mode.

کد:

---

<meta http-equiv="X-UA-Compatible" content="IE=5; IE=8" >

---

Controlling Default Rendering

When Internet Explorer 8 encounters a Web page that does not contain an X-UA-Compatible header, it uses the <!DOCTYPE> directive to determine how to display the page. If the directive is missing or does not specify a standards-based document type, Internet Explorer 8 displays the page in IE5 mode (quirks mode).

If the <!DOCTYPE> directive specifies a standards-based document type, Internet Explorer 8 displays the page in IE8 mode, except in the following cases:

*

Compatibility View is enabled for the page.
*

The page is loaded in the Intranet zone and Internet Explorer 8 is configured to pages in the Intranet zone in Compatibility View.
*

Internet Explorer 8 is configured to display all Web sites in Compatibility View.
*

Internet Explorer 8 is configured to use the Compatibility View List, which specifies a set of Web sites that are always displayed in Compatibility View.
*

The Developer Tools are used to override the settings specified in the Web page.
*

The Web page encountered a page layout error and Internet Explorer 8 is configured to automatically recover from such errors by reopening the page in Compatibility View.

[/ltr]


سعی کردم مشکل رو به زبون ساده بیان کنم . این تگ بقدری کاربردی بود که نمیشد ازش گذشت .
امیدوارم به دردتون بخوره
یا علی

منبع : msdn.microsoft.com/en-us/library/cc288325%28VS.85%29.aspx

خوب این خیلی عالی هست... قابل توجه آقا مجید
کاش به فایرفکس و اپرا و سایر مرورگرها هم میشد ازین دستورها داد ;D

خوشبختانه بروزر هایی مثل [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] برخلاف اینترنت اکسپلورر اونقدر خوش دست هستن که نیازی به این کد ها و یا سازگاری به این شکل ندارند .

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

سلام

ممنون
خدا قوت آقای فیروزمندان

یا علی

واقعا" ممنون جناب فیروزمندان
این سرطان بزرگ منظورم اینترنت اکسپلورر هست ، واقعا" داره من رو دیونه می کنه
اما این کد خیلی کمک کرد
ممنون

سلام
این مطلب در ویکی درج شد.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

یا حق

عمو بیلی هر روز بدتر از دیروز!!! :-\

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

خیلی جالبه که بدونید این مشکل زمانی رخ میداد که تنها ریزولیشین بزرگتر از 1024 پهنا برای مانیتور باشه و جالب تر از اون این بود که وقتی صفحه را با اندازه بزرگتر از 00٪ (zoom level) میدید این مشکل رخ نمیداد!!! :o

اما مشکل!!! سمت راست جدولها وقتی متنی داخلشون بود یا عکسی بود یا حتی یک div ساخته میشد داخل جدول یا هرچی توی تگ td قرار میگرفت! ضمینه جدول در حالت عمودی به اندازه یک پیکسل نمایش داده میشد و طرح سایت رو بهم میزد! ???

خوب به این فکر افتادم که این مشکل رو حل کنم! هرچی کدها رو نگاه کردم و صفحه رو بررسی کردم چیزی دستگیرم نشد، معلوم نیست از چی دلخور میشه آی ای 8 که این حرکت رو برای خودنمایی انجام میده!!! توی بعضی سایتها هم این مورد رو قبلاً دیده بودم!! :police:

جالبتر از اون برای اینکه قالب با اینترنت اکسپلورر مشکل نداشته باشه سعی کردم سایترو با Microsoft Expression Web 2 ایجاد کنم، اما باز هم همون آش سوخته و همون کاسه شکسته شد! >:( ??? :-\

در هر صورت آخرش مجبور شدم قالب رو با خاصیت اینترنت اکسپلورر 7 تعیین کنم، من اگر جای بیل گیتس بودم!!!! بیخیال دنیا میشدم و میرفتم فضا که ... !!!! میگن فضا قابلیت بازیافت نداره!!!!!

یا حق

خیلی جاها اینترنت اکسپلورر سر چیزهای خیلی عجیبی گیر داره. مثلا من چند روز پیش یه طرحی رو ساخته بودم که تنها تو ie6 فقط با اضافه کردن یه border مشکل حل میشد و مشکل کاملا رفع میشد و بدون اون، کلاس hover کلا از کار می افتاد. همین مورد رو توی تگ های ul-li هم بهش برخوردم ;D :D

نقل قول:

---

عمو بیلی هر روز بدتر از دیروز!!! Undecided

---

نقل قول:

---

در هر صورت آخرش مجبور شدم قالب رو با خاصیت اینترنت اکسپلورر 7 تعیین کنم، من اگر جای بیل گیتس بودم!!!! بیخیال دنیا میشدم و میرفتم فضا که ... !!!! میگن فضا قابلیت بازیافت نداره!!!!!

---

پسرم عمو بیلی الان خیلی کاره ای نیست. در حال حاضر steve ballmer مدیر عامل مایکروسافته ;) :D

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

بابا بزرگ، ‌منم که نگفتم مدیر عامله !!! ;D :D ;)

نقل قول:

---

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

---

توی بقیه کمتر زده یا اینکه نتونسته و یا اینکه شما استفاده نکردی، وگرنه پتانسیلش رو داره >:D

بهترین مثال ویندوز ویستا هست که خودش هم زود بیخیالش شد و رفت دنبال 7 ;) یادتونه که سرویس پک 1 ... .

اما من با بتای 7 کار کردم، خیلی بهتر از ویستا بود و ... . ::)

یا حق

نقل قول:

---

توی بقیه کمتر زده یا اینکه نتونسته و یا اینکه شما استفاده نکردی، وگرنه پتانسیلش رو داره Evil

---

مثلا؟

نقل قول:

---

بهترین مثال ویندوز ویستا هست که خودش هم زود بیخیالش شد و رفت دنبال 7 Wink یادتونه که سرویس پک 1 ... .

---

اتفاقا فکر می کردم الان ویستا رو مثال بزنید. ویستا با تمام مشکلاتی که داشت باز از xp خیلی پایدار تر بود به نظرم اما خوب مایکروسافت بد شانسی هایی رو هم اورد توی ویستا.
بیخیالش نشد، ویندوز 7 همون ویستا هست ولی بهینه شده و از نظر هسته خیلی سبک تره و ادامه ی پروژه ی ویستا هست، همون اوایل که ویستا منتشر شد این هم مطرح شد که مایکروسافت داره رو 7 کار می کنه. اما با تمام این اوصاف چون ویستا ویندوزی بود که از پایه کدنویسی شد نمیشد انتظار داشت که بدون هیچ مشکلی باید عرضه میشد.
در کل ویندوز 7 خیلی عالیه من نسخه RC رو نصب کردم و از هر نظر بهبود یافته نسبت به ویستا.