Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/07/2010, 14:59
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
input="text" en firefox problemas con la propiedad "height"

Hola foreros, resulta que estoy dando estilos css a los inputs de un formulario y en firefox 3.5.11 la propiedad "height" con la que doy altura a la caja del input genera el problema de que el texto que introduce el usuario se ve cortado en su parte inferior, (el texto se desplaza hacia abajo y es cortado por la caja del input).

Aquí el código:

Código HTML:
<input type="text" name="correo" class="txt" /> 
Código:
.txt {
font-size: 11px;
width:191px;
height:10px;
padding:3px 3px 3px 3px;
border:1px solid gray;
background:#ccc;
}
Probé con line-height y nada. Reconozco que el problema está en la propiedad height puesto que la quito y funciona perfecto.

¿Alguna solución a este bug?
¿dispone firefox de algo así como los comentarios condicionales que usamos para ie, o como puedo trabajar solo para firefox 3.5 en este problema?

Desde ya muchas gracias por su ayuda.