انجمن


عدم نمایش استایل به طور صحیح  (۴ نوشته)

  • مهدی هوشیار

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۰۹
    تشکر شده: ۹۷ بار
    # نوشته شده: ۵ سال پیش
    ۲۹ دی ۱۳۹۰ - ۱۶:۳۴

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

    لطفا برای پشتیبانی مرورگرهای کروم و اینترنت اکسپلورر از این استایل راهنمایی ام کنید.
    باتشکر

  • Morteza

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۳۴۰۲
    تشکر شده: ۳۱۲۵ بار
    # نوشته شده: ۵ سال پیش
    ۲۹ دی ۱۳۹۰ - ۱۷:۰۰

    برای IE می تونید از دستور IF IE استفاده کنید و برای کروم یکی از روشها استفاده از کدهای PHP برای تشخیص مرورگر هست و بعد هم لود استایل.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    مهدی هوشیار - امین باقیات
  • مهدی هوشیار

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۰۹
    تشکر شده: ۹۷ بار
    # نوشته شده: ۵ سال پیش
    ۲۹ دی ۱۳۹۰ - ۱۷:۰۴

    man4toman گفت:
    برای IE می تونید از دستور IF IE استفاده کنید و برای کروم یکی از روشها استفاده از کدهای PHP برای تشخیص مرورگر هست و بعد هم لود استایل.

    ممنون
    امکانش هست برای هر دو مورد کدی را به عنوان نمونه بدهید و مختصری توضیح که ازشون استفاده کنم.

  • NESTED

    آفلاین
    عضو فعال
    تعداد نوشته‌ها: ۲۳۵۴
    تشکر شده: ۲۳۷۰ بار
    # نوشته شده: ۵ سال پیش
    ۲۹ دی ۱۳۹۰ - ۲۰:۱۶

    در مورد اینترنت اکسپلورر

    <!--[if IE]>
    <link href="<?php bloginfo( 'stylesheet_directory' ); ?>/ie.css" rel="stylesheet" type="text/css">
    <![endif]-->

    بعد می تونید یه فایل با همین نام در پوشه قالب ایجاد کنید و هر کلاس و یا ایدی که در مرورگر اکسپلورر به خوبی نمایش داده نمیشه رو دراین استایل لود کنید و بعد بنا به دلخواه تغییرات مورد نیاز را در استایل ie بیدن تا قالب در مرورگر اکسپلور به خوبی لود بشه
    برای دیگر مرورگرها هم می تونید به این نمونه توجه کنید :

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Browsser Detection</title>
    
    <link rel="stylesheet" href="Main.css" type="text/css">
    
    <?php 
    
    $msie        = strpos($_SERVER["HTTP_USER_AGENT"], 'MSIE') ? true : false;
    $firefox    = strpos($_SERVER["HTTP_USER_AGENT"], 'Firefox') ? true : false;
    $safari        = strpos($_SERVER["HTTP_USER_AGENT"], 'Safari') ? true : false;
    $chrome        = strpos($_SERVER["HTTP_USER_AGENT"], 'Chrome') ? true : false;
    
    if ($msie) {
    echo '
    <!--[if IE 7]>
    <link rel="stylesheet" href="ie7.css" type="text/css">
    <![endif]-->
    <!--[if IE 8]>
    <link rel="stylesheet" href="ie8.css" type="text/css">
    <![endif]-->
    ';
    }
    if ($safari) {
    echo '<link rel="stylesheet" href="safari.css" type="text/css">';
    }
    
    ?>
    
    </head>
    <body>
    
        <br>
        <?php
        if ($firefox) { //Firefox?
        echo 'you are using Firefox!';
        }
    
        if ($safari || $chrome) { // Safari?
        echo 'you are using a webkit powered browser';
        }
    
        if (!$msie) { // Not IE?
        echo '<br>you are not using Internet Explorer<br>';
        }
        if ($msie) { // IE?
        echo '<br>you are using Internet Explorer<br>';
        }
        ?>
    
        <br>
    
    </body>
    </html>
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Morteza - امین باقیات - مهدی هوشیار

درباره‌ی این موضوع



برچسب‌ها