/
  • عدم سازگاری با مرورگر ها

  • ارسال پاسخ   امتیاز موضوع:
    • 0 رأی - میانگین امیتازات: 0
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی عدم سازگاری با مرورگر ها
    نویسنده پیام
    undefined غایب
    احسان
    *******

    ارسال‌ها: 2,086
    تاریخ عضویت: ۱۳۸۸ مهر ۲۹
    اعتبار: 76
    تشکرها : 2005
    ( 2071 تشکر در 1219 ارسال )
    ارسال: #1
    Rainbow عدم سازگاری با مرورگر ها
    سلام دوستان،
    به قطعه کد زیر دقت کنید:

    کد PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <
    title>Test</title>
    <
    style type="text/css">
    .
    panel {background-image:url(menu.gif); width:170pxheight:25pxtext-align:centerpadding-top:5px;}
    </
    style>
    </
    head>
    <
    body>
     <
    center>
    <
    div class="panel">Main menu</div
     </
    center>
    </
    body>
    </
    html

    فرض کنید کد بالا قسمتی از یک قالب بوده که قراره برای سرویس وبلاگ دهی بلگفا طراحی بشه.
    ارتفاع اصلی تصویر 30 پیکسل بوده با این حال برای اینکه متن روی تصویر رو بتونم تقریبا در وسط نمایش بدم از خاصیت padding-top:5px استفاده کردم، با این کار متن به اندازه ی 5 پیکسل پایین تر از جای خودش میاد و در نتیجه ارتفاع <div> به 35 پیکسل افزایش پیدا میکنه که این عمل باعث میشه ناخواسته تصویر یک بار دیگه تکرار بشه پس ناچارا همون اول توی بخش استایل ارتفاع رو 25 پیکسل میگیریم تا این مشکل برطرف بشه. در این صورت قالب روی کامپیوتر، کاملا با مرورگر های مختلف سازگار هست اما وقتی که کد رو درون بلگفا قرار میدی، قالب توی مرورگر IE ارتفاع تصویر رو 25 پیکسل فرض میکنه اما توی Firefox همون 30 پیکسل!!!
    ایا روش دیگه ای وجود داره که بتونم متن رو جوری قرار بدم که این مشکلات پیش نیاد یا اصلا چه جوری میشه این مشکل رو برطرف کرد؟
    ممنون.
    (آخرین ویرایش در این ارسال: ۱۳۸۸ اسفند ۲۲ ۰۷:۲۲ عصر، توسط undefined.)
    ۱۳۸۸ اسفند ۲۲ ۰۷:۲۰ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    scorpion آفلاین
    رضا حقیقی
    ***

    ارسال‌ها: 245
    تاریخ عضویت: ۱۳۸۷ بهمن ۲۷
    اعتبار: 3
    تشکرها : 94
    ( 276 تشکر در 144 ارسال )
    ارسال: #2
    RE: عدم سازگاری با مرورگر ها
    کد:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Test</title>
    <style type="text/css">
    .panel {background:url(menu.gif) no-repeat; width:170px; height:25px; text-align:center; }
    .panel p{margin-top:5px;}
    </style>
    </head>
    <body>
    <center>
    <div class="panel"><p>Main menu</p></div>
    </center>
    __________________________________________________________________________
    رضا حقیقی / Reza Haghighi
    ۱۳۸۸ اسفند ۲۳ ۱۱:۳۸ صبح
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : undefined parvane
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS