همسان سازی نمایش پوسته های مختلف در تمامی مرورگر ها

ارسال شده توسط Iranget Group در ۲۶ اسفند ۱۳۸۷ – ساعت 1:25 ب.ظ

همسان سازی نمایش پوسته ها در مرورگر های مختلف

همانطور که میدانید هر پوسته دارای یک یا چند فایل CSS است که توسط آن ظاهر پوسته طراحی می شود.

یکی از مشکلات بزرگ طراحان پوسته برای cms های مختلف از جمله وردپرس همسان سازی نمایش پوسته در تمامی مرورگر هاست. طراح باید پوسته را طوری طراحی کند که در تمامی مرورگر ها به یک شکل دیده شود و برای انجام این کار باید از استاندارد های جهانی W3C و CSS2 بهره بگیرد.

اما با تمام این تفاسیر بعضی از پوسته ها دچار اشکالات نمایشی هستند و دلیل آن پشتیبانی مختلف مرورگر ها از css است. یکی از بد قلق ترین مرورگر ها IE است که همیشه راه خودش را میرود و به هیچ صراطی مستقیم نیست !

در ادامه به شما آموزش خواهیم داد که چگونه با استفاده از دستورات شرطی پوسته های خود را در مرورگر IE به درستی نمایش دهید.

فرض کنید یک تگ div تعریف کرده اید . در مرورگر اپرا و فایرفاکس همه چیز مرتب است و همه ی قسمت ها در سر جای خود قرار دارند اما در اکسپلورر قسمت مورد نظر کمی جابجا شده و یا در سر جای خودش نیست که اگر از استایل margin استفاده کنید درست میشود. اما هنگامی که از استایل margin استفاده میکنید در مرورگر های فایرفاکس و اپرا و … آن قسمت به هم می ریزد.

پس باید طوری استایل را تعریف کنید که فقط در مرورگر IE اجرا شود. برای این کار از دستورات شرطی استفاده میکنیم. اما نه در css بلکه در خود فایل های اصلی پوسته.

جهت استفاده از دستورات شرطی کد زیر را در بین تگ Head قرار دهید :

در دستور بالا شرط ما این است که اگر مرورگر IE 7 به پایین بود دستورات تگ Style را اجرا کند. در تگ استایل هم کد های css مربوطه را قرار میدهیم.

با استفاده از این روش شما میتوانید ناسازگاری های پوسته خود را با اینترنت اکسپلورر 7 تا حد زیادی برطرف نمایید.

بد نیست بخوانید :
معرفی پوسته ی الوان وردپرس فارسی شده توسط ایران گت

پوسته جدید ویستا نسخه فارسی برای وردپرس ۲/۶ به بالا

نمایش تعداد ایمیل های خوانده نشده در تب پنجره جی میل

ذخیره تمامی تصاویر یک سایت با افزونه جدید فایرفاکس OutWit Images 0.1.0.60

کپی تمامی لینک های یک نوشته توسط افزونه ی جدید فایرفاکس – Copy Link URL 1.1

محصولات فروشگاه ایران گت

مربوط به بخش : آموزش ها،اينترنت و شبكه،وردپرس | ۶ دیدگاه
برچسب ها : CSS،IE،opera،w3c،اكسپلورر،اپرا،تمام،فايرفاكس،فايرفاكس،مرورگر،نمايش،همسان،يكسان،پوسته

۶ دیدگاه برای “همسان سازی نمایش پوسته های مختلف در تمامی مرورگر ها”

توسط saeed در ۲۷ اسفند ۱۳۸۷ | پاسخ

من با نظرتون در مورد پشتیبانی کد از طرف IE مخالف هستم. چون IE سایت‌ها رو به بهترین نحو نشون می‌ده و بیشترین درصو ساپورت کد را این مرورگر دارد. در ضمن همه دارند سایت‌های خودشون رو اول با IE میزان می‌کنند. و بعد Firefox و Opera. من موافق اینترنت‌اکسپلورر نیستم و خودم از طرفدارهای اپرا هستم و فقط به خاطر سرعت ودانلود منیجر اپرا به این مرورگر نقل مکان کردم. واقعیتش اینه که فایرفاکس و اپرا باید خودشون رو همسان کنند. در ضمن بد قلق ترین مرورگر از لحاظ اجرای کد‌ها Firefox شناخته شده. از نظر جمعی از طراحان سایت‌های مختلف.

Iranget Group پاسخ در تاريخ اسفند ۲۷م, ۱۳۸۷ ساعت ۴:۴۰ ب.ظ:
ولی نه تنها من ، بلکه خیلی های دیگه اکسپلورر رو به عنوان یک مرورگر قبول ندارند و از نظر ما ضعیف ترین مرورگر به شمار میرود. درسته زمانی برای خودش غولی بود اما الان در طی تست های مختلف که از مرورگر ها انجام شده فایرفاکس و اپرا بهترین ها هستند
http://www.medianews.ir/fa/2008/09/17/web-browser.html
http://www.zamaneh.ir/Show.aspx?Id=18868
توسط مسعود در ۱۰ فروردین ۱۳۸۸ | پاسخ

عالی دستتان درد نکند.
توسط محمد در ۱۴ خرداد ۱۳۸۸ | پاسخ

خیلی کاربردی بود , مطمئن می تونه مورد استفاده خیلی از دوستان قرار بگیره.
توسط احسان در ۲۱ بهمن ۱۳۸۸ | پاسخ

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

Iranget Group پاسخ در تاريخ بهمن ۲۲م, ۱۳۸۸ ساعت ۴:۰۲ ب.ظ:
@احسان, اول از همه قید اکسپلور ۶ رو بزنید و با ۷ و ۸ تست کنید
باید با تکنیک های سی اس اس مشکل رو حل کنید
برای این کار باید با سی اس اس آشنایی کامل داشته باشید
از سی اس اس های درون خطی هم می تونید استفاده کنید

ايران گت :: IranGet

محصولات فروشگاه ایران گت

دسته‌ها

آرشيو ماهانه مطالب

لينك دوستان ما