دستورات شرطی در css برای یکسان‌سازی نمایش در مرورگرها

[Borna66]

یکی از دغدغه‌های طراحان وب، نمایش یکسان طرح در مرورگرهای مختلف است. با افزایش استفاده از مرورگر فایرفاکس و عرضه‌ی مرورگرهای جدید، صفحات وب باید به گونه‌ای طراحی شوند که با رعایت استانداردها، در مرورگرهای مختلف به طور یکسان به نمایش درآیند.
برای این کار شما می‌توانید از دستورات شرطی در CSS استفاده کنید؛ که نمونه‌ای از آن را در کد زیر می‌بینید:

/* Conditional-CSS example */
a.button_active, a.button_unactive {
display: inline-block;
[if lte Gecko 1.8] display: -moz-inline-stack;
[if lte Konq 3.1] float: left;
height: 30px;
[if IE 5.0] margin-top: -1px;
text-decoration: none;
outline: none;
[if IE] text-decoration: expression(hideFocus='true');
}

اما می‌توان تغییرات بیشتری نیز اعمال کرد؛ شما می‌توانید با استفاده از PHP تعیین کنید که چه محتویاتی برای یک مرورگر به نمایش درآید.


http://hazaveh.googlepages.com/Browsers-small.jpg

اگر با کدنویسی PHP آشنایی ندارید نگران نباشید؛ سایت Conditional-CSS به شما یک نسخه از کد PHP موردنیاز را با توضیحات کامل ارائه می‌کند.
كد - لینک:
http://www.conditional-css.com/
کافی است نام انتخابی فایل CSS خود را وارد کنید و کد PHP را دریافت نمایید. در ابتدای کد نیز توضیحات موردنیاز برای نحوه‌ی استفاده از آن، درج شده است.
نکته‌ی آخر این که این سایت کد موردنیاز برای C و #C را نیز ارائه می‌کند.

منبع آموزش : پژواک



:104:
گردآونده:طه-Borna66