0 
div.aboutstandard ul.aboutlist li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
    height: 280px;
}

div.aboutstandard ul.aboutlist li {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 300px;
height: 280px;
}

この高さの寸法を設定すると、Chrome と Internet Explorer では完全に機能しますが、Firefox では寸法が異なります。テキストは、Firefox の次の画像の下に入ります。

phpコード:

<ul class="aboutlist1">
         <li>
            <img class="aboutimg" src="images1.jpg" alt="<? $lang->text('ABOUT1'); ?>"/>

            <h1><? $lang->text('ABOUT1'); ?></h1>

            <p class="abouttext"><? $lang->text('ABOUT_TEXT1'); ?></p>
        </li>

        <li>
            <img class="aboutimg" src="images2.jpg" alt="<? $lang->text('ABOUT2'); ?>"/>

            <h1><? $lang->text('ABOUT2'); ?></h1>

            <p class="abouttext"><? $lang->text('ABOUT_TEXT2'); ?></p>
        </li>
       </ul>
<ul class="aboutlist">
        <li>
            <img class="aboutimg" src="image3.jpg" alt="<? $lang->text('ABOUT3'); ?>"/>

             <h1><? $lang->text('ABOUT3'); ?></h1>

            <p class="abouttext"><? $lang->text('ABOUT_TEXT3'); ?></p>
        </li>

        <li>
            <img class="aboutimg" src="image4.jpg" alt="<? $lang->text('ABOUT4'); ?>"/>

            <h1><? $lang->text('ABOUT4'); ?></h1>

            <p class="abouttext"><? $lang->text('ABOUT_TEXT4'); ?></p>
        </li>
</ul>
4

2 に答える 2

0

使用することをお勧めします

if(strlen(strstr($_SERVER['HTTP_USER_AGENT'],"Firefox")) > 0 ){
//Adjusted css for firefox here
}
于 2012-09-26T15:50:18.637 に答える
-1

私がそれを通して見ることができるようにコードを提供するheight: 280px !important;か、Firefoxブラウザサポートのためにプレフィックスを使用または使用します

于 2012-09-26T15:34:09.850 に答える