2012-06-21 13 views
5

Tengo dos <hr> s con exactamente la misma clase, y no hay otros atributos en ninguno, que se ven iguales en Chrome, etc. Sin embargo, en Firefox, por alguna razón, el en la parte inferior de la página se ve normal, pero el de la parte superior es el doble de grueso.Dos elementos con la misma clase se ven diferentes en Firefox

¿Alguna idea? También estoy abierto a otras sugerencias si funcionan mejor para crear una línea negra de 2.5px de alto.

El problema está en cada página de http://www.duncannz.com - la línea negra en la parte superior parece demasiado gruesa en Firefox, pero la línea negra en la parte inferior está bien. Ambas líneas están bien en cualquier otro navegador.

+0

No hay idea de por qué está sucediendo eso, pero si elimina la clase de fuente del cuerpo. La línea en la parte superior se vuelve más delgada y la que está en la parte inferior se vuelve más gruesa. Extraño. – liz

Respuesta

3

Intente agregar height: 2px; no puede ser de 2.5px;

Si desea definir valores en decimales, intente con 2.5em. no puedes usar decimales con píxeles. Los decimales están bien en ems

+0

Es extraño que no puedas usar decimales en px. Sin embargo, el uso de 'height: 2.5%;' hace que la línea desaparezca por completo, y '2.5em' la hace súper gruesa. – stackunderflow

+0

'height: 0.1em' lo logra en FF, pero lo hace súper grueso en Chrome ... Y en FF' height: 2.5em' todavía es demasiado grueso. – stackunderflow

+0

OK, creo que tendré que conformarme con 'height: 2px' porque el' em' no funciona. Lástima. – stackunderflow

Cuestiones relacionadas