چطور cssخو را سازگار کنیم با 6iE

[monire.6767]

سلام من یه سایتی دارم که با css3 سایه به منو ها دادم و کاری کردم کشویی باز شه منو اقی بالای صفحه است ولی تو IEهمه رو عمودی نمایش میده

[monire.6767]

چطوری یعنی ؟فایله؟ باید دانلود کنم تو سایت بزارم؟میشه بیشتر راهنمایی کنید

[God Of Pess 2012]

نحوه تنظیم استایل css مخصوص مرورگر اینترنت اکسپلورر
برای تنظیم استایل مخصوص مرورگر اینترنت اکسپلورر، ابتدا باید سایت، وبلاگ یا قالب طراحی شده را با برنامه هایی نظیر IETester که در آدرس www.my-debugbar.com وجود دارد، بررسی کنید، اگر موردی به نظرتان دچار ایراد است، سعی کنید کلاس یا آی دی css مربوط به آن را پیدا کنید و پس از اعمال تغییرات (قبل از اعمال تغییرات از استایل فعلی پشتیبان بگیرید) نتیجه را دوباره امتحان کنید، تا جایی که مشکل حل شود، حال تکه کد اختصاصی که مربوط به هر ورژن از اکسپلورر می شود (و با آن کد، مشکل در آن ورژن مخصوص حل می شود) را درون یک فایل دیگر کپی کنید (تنها کافی است کلاس یا آی دی مورد نظر را به همراه قسمتی که خاص مرورگر اکسپلور است، کپی نمائید) تا آن را با دستورات زیر در صفحه به طور جداگانه ایمپورت کنیم.

دستورات یا پیام های شرطی در مرورگر اینترنت اکسپلورر


دستورات شرطی در اکسپلورر با علائم خاصی تعریف می شوند:

<!--[if IE]>
آدرس فایل استایل مخصوص مرورگر اینترنت اکسپلورر
<![endif]-->توضیح:
- حالت معمول ایجاد یک پیام در صفحات html استفاده از <-- !--> است، همانطور که می بینید این شرط ها نیز مبتنی بر همین قاعده هستند.
- این دستور به مرورگر اکسپلورر می گوید که باید از مقادیر موجود در آن استفاده کند (در واقع مقادیر موجود در این شرط، تنها برای اینترنت اکسپلورر قابل استفاده است و سایر مرورگرها با آن مثل یک پیام معمولی برخورد می کنند)، جالب است که بدانید درون این شرط می توان هر عبارت یا کدی قرار داد و فقط محدود به ایمپورت استایل css نیست، مثلا می توان به کاربر پیام داد که مرورگر او قدیمی است و باید از مرورگر دیگری استفاده کند و...
- این پیام های شرطی باید بعد از استایل اصلی و پیش فرض (که مخصوص تمام مرورگرها است) ترجیحا در قسمت هِدر و بین تگ های head قرار گیرند.

تنظیمات مخصوص ورژن های مختلف و معنی آنها


در زیر لیستی تقریبا کامل از تنظیمات استایل css مخصوص ورژن های مختلف مرورگر اینترنت اکسپلورر به همراه معنی عبارات آن آمده است.
ایمپورت استایل مخصوص اینترنت اکسپلورر (تمام ورژن ها)

<!--[if IE]>
<link href="style/ie.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->توضیح:
- if به معنی اگر و IE مخفف اینترنت اکسپلورر (Internet Explorer) است.
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن 6

<!--[if IE 6]>
<link href="style/ie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن 7

<!--[if IE 7]>
<link href="style/ie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن 8

<!--[if IE 8]>
<link href="style/ie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن 9

<!--[if IE 9]>
<link href="style/ie9.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 6

<!--[if gt IE 6]>
<link href="style/gtie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 7

<!--[if gt IE 7]>
<link href="style/gtie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 8

<!--[if gt IE 8]>
<link href="style/gtie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->توضیح:
- عبارت gt به معنی greater than یا بزرگتر از، است.
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 7

<!--[if lt IE 7]>
<link href="style/ltie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 8

<!--[if lt IE 8]>
<link href="style/ltie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 9

<!--[if lt IE 9]>
<link href="style/ltie9.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->توضیح: عبارت lt به معنی less than یا کوچکتر از، است.
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 6 و خود آن

<!--[if gte IE 6]>
<link href="style/gteie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 7 و خود آن

<!--[if gte IE 7]>
<link href="style/gteie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن بالا تر از 8 و خود آن

<!--[if gte IE 8]>
<link href="style/gteie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->توضیح:
- عبارت gte به معنی greater than equal یا بزرگتر مساوی، است.
ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 7 و خود آن

<!--[if lte IE 7]>
<link href="style/lteie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 8 و خود آن

<!--[if lte IE 8]>
<link href="style/lteie8.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->ایمپورت استایل مخصوص اینترنت اکسپلورر ورژن پائین تر از 9 و خود آن

<!--[if lte IE 9]>
<link href="style/lteie9.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->توضیح:
- عبارت lte به معنی less than equal یا کوچکتر مساوی، است.
ایمپورت استایل در حالتی که مرورگر اینترنت اکسپلورر نباشد

<!--[if !IE]>
<link href="style/notie.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->