La altura de CSS no funciona perfectamente en 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;
}

Cuando configuro estas dimensiones para la altura, funciona perfectamente en Chrome e Internet Explorer, pero en Firefox toma diferentes dimensiones. el texto va debajo de la siguiente imagen en firefox.

código 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>

preguntado el 26 de septiembre de 12 a las 16:09

con una demo sería más fácil. -

Probando en mi local, genera lo mismo en ff y chrome. ¿En qué versión de ff estás probando? Al menos una captura de pantalla de lo que está sucediendo sería útil:

no sabía cuál era el problema, no me funcionó en firefox 10.0.4 y funcionó bien en 10.0.2 -

2 Respuestas

Te sugiero que uses

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

Respondido el 26 de Septiembre de 12 a las 16:09

Proporcione el código para que pueda ver a través de él o usar height: 280px !important; o use el prefijo para la compatibilidad con el navegador firefox

Respondido el 26 de Septiembre de 12 a las 16:09

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.