1395/6/25

مشکلات HTML5و CSS3 در google chrome و IE فصل چهارم

چند نکته هرچند کوچک برای سازگاری بیشتر وبسایت شما با مرورگر آی ای 6 :
بعضی مواقع پیش می‌آید که وقتی شما در سبک‌ دهی یک عنصر از خاصیت float استفاده می‌کنید
 فاصله‌ی عنصر در مرورگر آی ای 6 دو برابر فاصله‌ی استفاده شده خواهد بود
 که اصطلاحا به آن Double Margin نیز گفته می‌شود.
 برای رفع این مشکل کافی‌است هرجا که از دستور float استفاده می‌کنید،
 از display: inline; نیز بعد از آن استفاده کنید. 
 این عبارت وقتی از دستور float استفاده می‌کنید در عمل یک تکه کد اضافه محسوب می‌شود اما باعث رفع مشکل در مرورگر آی ای 6 نیز می‌شود.

بعضی مواقع ممکن است فاصله‌ی دو عنصر از هم به صورت عمودی دو برابر شود. یعنی زمانی که دو عنصر را زیر یکدیگر قرار می‌دهید، در مرورگر آی ای 6 این فاصله نیز ۲ برابر شود. برای حل این مشکل در برگه سبکدهی مخصوص مرورگر خود، هرجا که می‌خواهید این مشکل رفع شود فقط کافی است 
از کد height: 1%; استفاده کنید.

همیشه سعی کنید از کدهای موسوم به Reset CSS که دستورات پیشفرض همه‌ی مرورگرها را با هم برابر می‌کند استفاده کنید. 
فایل‌های Reset CSS زیادی در اینترنت یافت می‌شوند که من از فایل زیر استفاده می‌کنم:

در این مقاله سعی شده است تا جایی که ممکن است مشکلات مربوط به مرورگر آی ای 6 بازگو شوند اما ممکن است چند نکته از یاد رفته باشد.

نظرات