CSS高度在Firefox中無法正常工作

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中的下一個圖像下。CSS高度在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>

來源

2012-09-26 srp

與演示會更容易。 –

在本地測試它在ff和chrome中輸出相同。你在測試什麼版本的ff？至少發生了什麼情況的屏幕截圖會很有用 – MLeFevre

我不知道最新的問題，它在Firefox 10.0.4中並不適用於我，它在10.0.2中運行良好 – srp

-1

提供代碼，這樣我可以透過它看到或使用height: 280px !important;或使用前綴爲Firefox瀏覽器的支持

來源

2012-09-26 15:34:09 user1660388

我建議你使用

if(strlen(strstr($_SERVER['HTTP_USER_AGENT'],"Firefox")) > 0){ 
//Adjusted css for firefox here 
}

來源

2012-09-26 15:50:18

CSS高度在Firefox中無法正常工作

回答

相關問題