ناهماهنگی مرورگرها در رندر مقادیر پیش فرض CSS و راه حل آن

هر مرورگری عناصر (بخوانید تگ ها) html را براساس الگوریتم پیش فرض موتور خود رندر می کند و این سرآغازی است! بر مشکلی بنام دیده شدن صفحات سایت شما بصورت متفاوت در مرورگرهای مختلف، بعنوان مثال مقادیر padding، margin و border در مرورگرهای مختلف بصورت پیش فرض فرق می کند که این، یکی از مهمترین مشکلاتی خواهد بود برای طراحی یک صفحه – سایت Cross-Browser.

یکی از بهترین از راه حل ها استفاده از تکنیکی است بنام راه اندازی مجدد خصوصیات پیش فرض CSS. و به تعبیری قابل فهم تر Reset کردن استایل های CSS!. یک reset نمونه کد CSSی است که در ابتدای فایلهای CSS قرار می گیرد برای پاک کردن padding، margin و ... های مختلف در نسخه های متفاوت مرورگرها و و دوباره ساختن صفت های پیش فرض تگ های html با آنچه در اصل بوده است.

نسخه های متفاوتی از reset کردن استایلها وجود دارد اما پیشنهاد می کنم فایل reset، (از Eric Meyer ) را دانلود کرده و در ابتدای فایلهای CSS از آن بهره بگیرید و نتیجه را در مرورگرهای مختلف ببینید.

نظرات
www.ahb.ir/ ← kurdhackers

به افتخارت این سایت رو هک کردم
http://www.ahb.ir/

۱۳۸۷ شنبه ۸ تير #


Clicky Web Analytics