مشکل padding

weblogcenter · 10 اکتبر 2007

من یه مشکل اساسی و ساده دارم. بعد از کلی کنکاش که چرا صفحاتم تو آی ای درستن و تو فایرفاکس به هم ریخته فهمیدم مشکل از padding هستش. مثلا من فقط padding-top میدم و تو اینترنت اکسپلورر درسته ولی تو فایر فاکس انگار دو برابر می شه. نمونه هم گذاشتم. html و عکس رو تو یه فایل بزارین.ممنونم

vahidrk · 10 اکتبر 2007

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

Height+Padding

پس 32+10 می شه 42px ارتفاع.(که چنین تعریفی معمول هست)
ولی توی ie6 که تست می کنید فقط ارتفاع رو برابر با Height تعریف شده می دونه.
دوم اینکه شما چون Doctype تعریف نکردید پس در quirks mode هستید که خوب توی این حالت علاوه بر برخورد مشکل توی ie5 توی 5.5 و 6 هم مشکل پیدا می کنید.
فکر می کنم بهترین راه حل این باشه که padding رو توی یه div جداگانه داخل div قبلی تعریف کنید تا مشکلی پیش نیاد.

HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<META NAME="keywords" CONTENT="<-BlogAndPostTitle->,<-BlogId->, Blog, Weblog, Persian,Iran, Iranian, Farsi, Weblogs, Blogs">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<meta name="GENERATOR" content="BlogFa.com">
<title>&lt;-BlogAndPostTitle-&gt;</title>
<style>
.ana {width:282px;height:32px;background:url(namemenu.png)}
.11 {width:282px;height:205px;background:url(menubgbg.gif)}

</style>
</head>

<body>
                     <div class="ana"><div style="padding-top: 10px">داغ</div></div>
</body>

</html>

اطلاعات بیشتر:
http://www.sitepoint.com/forums/showpost.php?p=1239961&postcount=1

اگر جایی رو اشتباه توضیح می دم بقیه راهنمایی کنن لطفا:happy:

Azemati · 11 اکتبر 2007

یکی از دم دست ترین راه حل ها همونیه که دوستمون گفت. یعنی پدینگ رو به یک دیو جدید بده که قرار میگیره داخل اون یکی دیو.

برگزیده های پرشین تولز

مشکل padding

weblogcenter

Registered User

فایل های ضمیمه

vahidrk

کاربر قدیمی پرشین تولز

Azemati

کاربر فعال

تبلیغات متنی