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中无法正常工作

回答

相关问题