[SOLUCIONADO] Problema con diferentes navegadores

[iEnrique]

¡Hola!

¿Cómo podría poner un width diferente en cada navegador?
El problema está con Firefox, que me pone un width diferente a los otros navegadores...

Gracias

[pzin]

Supongo que habrá algún hack para Firefox por ahí.

Pero hoy en día la mayoría de problemas de ese tipo suelen ocurrir más bien por algún falla en el planteamiento del código y muchas veces se arregla sin tener que usar hacks de algún tipo.

[iEnrique]

Mira te he programado un ejemplo, aquí está el problema ábrelo con Google Chrome y luego abrelo con Mozilla Firefox, ¿en qué falla para que haga eso?

http://negociosrean.bl.ee/textarea/

Un saludo, gracias!

[alzacon]

El problema tiene que ver con el box-sizing
http://quirksmode.org/css/user-interface/boxsizing.html

He purgado un poco tu css para verlo mejor y me funciona bien (con ambos .input alineados) con este arreglo.

Código CSS:

.input {
    /* tú código */
    padding: 7px;/* Esto ya está en tu código */
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
 

[pzin]

Firefox no soporta box-sizing sin prefijos propietarios: http://beta.caniuse.com/#search=box-sizing

[alzacon]

Iniciado por pzin

Firefox no soporta box-sizing sin prefijos propietarios: http://beta.caniuse.com/#search=box-sizing

Por eso lo añado, de hecho no añado el resto de prefijos del artículo porque éste es un poco viejo. De hecho en otra parte de esa web hay algo parecido a la caniuse(más actualizada que el artículo pero no tanto como caniuse) http://quirksmode.org/css/user-interface/

[iEnrique]

Muchas gracias a los dos, ya se ha solucionado el problema