input Select diferente IE7 y Firefox

[pr0]

Buenas a todos,

me he dejado mas de 1 hora intentando averiguar porque IE7 no toma bien el tamaño de la fuente asignada a unos inputs de un formulario.

El estilo utilizado es:
.acceso_fields {
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
}

Imagen de los campos en Firefox:


Imagen de los mismos campos en IE7:


Como se puede apreciar en Firefox respeta el estilo por completo y los campos tienen el tamaño que tienen que tener respecto a la fuente (12px) y permanecen separados. En cambio en IE7 el tamaño del campo es mayor y esto provoca que terminen juntandose.


¿Me podeis iluminar con alguna idea?

Muchas gracias.


P.D: microsoft pudrete.

[pateketrueke]

bueno, el comportamiento depende del navegador...

simplemente IE no respeta tus reglas y eso es todo, no hay solución ...

PDTA: cierto, MS sucks.... pero también odio Dreamweaver

[shurshok]

si queres arreglarlo, este hack te servira mucho, hace esto:

El estilo utilizado es:
.acceso_fields {
margin: 0;
padding: 0;
font-size: 12px;
//font-size: 10px;
text-align: left;
}

como veras agregue esta propiedad, //font-size: 14px; editala a tu gusto, y solo se vera en los internet explorer.

[safe]

No se si yo estoy viendo mal. Pero el que esta mal es firefox, ya que el tamaño de fuente en firefox parece ser 11 mientras que la de IE se muestra 12 que es lo que tu asignas.

[T_O_N_N_Y]

Te recomiendo que uses comentarios condicionales

No te recomiendo el uso del hack de doble barra (//) porque no es un código CSS no válido.

Un saludo