آژانس هواپیمایی
pop up

مشکل padding

شروع موضوع توسط weblogcenter ‏10 اکتبر 2007 در انجمن CSS

  1. weblogcenter

    weblogcenter Registered User

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

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

    • Desktop.rar
      اندازه فایل:
      2.8 KB
      نمایش ها:
      5
  2. vahidrk

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

    تاریخ عضویت:
    ‏2 جولای 2005
    نوشته ها:
    3,376
    تشکر شده:
    500
    محل سکونت:
    Home
    سلام.
    مشکل از برخورد متفاوت مرورگرها در تعریف اندازه هاست.دلیل اینکه می بینید فایر فاکس فضای اضافه به پایین منو اضافه کرده اینه که اون ارتفاع تعریفی شما رو برابر می دونه با:
    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:
     
  3. Azemati

    Azemati کاربر فعال مووبل تایپ<br> فروشنده معتبر [<a title= کاربر فعال

    تاریخ عضویت:
    ‏18 فوریه 2003
    نوشته ها:
    3,366
    تشکر شده:
    1
    محل سکونت:
    wp-config.php