مشکل عدم پذیرش مارجین در هدر تمام عرض
اگر سایت شما هم سربرگ یا هدر تمام عرض داره احتمالا به مشکل مارجین نگرفتن صحیح آن برخوردید؛در ادامه این مقاله با ما همراه بشید تا با هم مشکل اون رو حل کنیم.
مشکل اصلی در همان تمام عرض بودن است؛در غالب موارد برای تمام عرض کردن هدر سایت از عرض 100% استفاده میشود.این امر باعث میشود مارجین از دو طرف به طور صحیح اعمال نشود؛ چرا که فضایی برای مارجین در نظر گرفته نشده و باید به میزان مارجین خود از 100% بکاهیم تا فضایی برای مارجین باقی بماند.
بهترین روش برای این کار این است که با تابع calc میزان عرض مورد نیاز را به طور دقیق مشخص کنیم:
حالا خواهید دید که مارجین به طور صحیح از دو طرف هدر قابل اعمال است.
البته شاید توجه شما به میزان کمی فاصله هدر تا انتها جلب شود و برای شما سوال باشد چرا در حالت 100% هدر به انتهای انتها نچسبید؟این فاصله نه فقط در هدر بلکه بین همه المان ها دیده میشود!
پاسخ این سوال در پدینگ پیشفرض المنتور است!
المنتور پدینگی حدود 10px را به صورت پیشفرض برای کانتینر ها اعمال میکند.
این پدینگ در پنل المنتور در قسمت تنظیمات سایت و در بخش طرح بندی قابل تغییر و صفر کردن است:
