COntrolar interlineado

[innes]

Buenas tardes a todos:

cuando pongo una frase con dos lineas y la visualizo en IE o en Firefox, soy incapaz de hacer que se vea igual en los dos en cuanto al interlineado, y la diferencia es grande por lo que o queda mal en IE o queda mal en Firefox.
He probado con la propiedad line-height y expresandola en px o en em pero no consigo que se vea igual en los dos exploradores

si me echais una ayudita...muchas gracias

[PatomaS]

Hola

Aunque parezca mentira, el tamaño del pixel en explorer es diferente al tamño del pixel en los otros navegadores.

Obviamente esto no tiene lógica, sin embargo pasa.

Puedes visualizar la situación como si el pixel tuviera su propio margen, padding y border. Obviamente esto es solo una "ayuda visual" del hecho, no la realidad.

Así que podrás lograr presentaciones bastante parecidas, muy parecidas, de hecho, pero no exactas en ambos.

En cualquier caso, cuanto más controles la letra y el interlineado, más se parecerán. Si solo controlas el interlineado, la dimensión de la letra aun hará "gracias" y afectará al diseño final.

Felicidad

[innes]

Gracias patomas, pero es que yo he definido el tamaño de la fuente en pixeles aparte de lo del line-height y ya te digo que hay una diferencia muy grande...

como se puede solucionar esto? (no hace falta que quede clavado en un explorador y otro pero por lo menos que se asemeje un poco el aspecto)

[3wstudio]

usa esta propiedad css

Código:

.texto{
line-height: 100%; //100% es lo normal

}

[Mikmoro]

Cuando dices una frase en dos líneas... ¿con qué selector? ¿con p? ¿con h2? ¿con span? ¿con br? Especifica un poco.

Mikel.

[innes]

He probado con line-height: 100% pero no hace ningun efecto en IE, me deja un interlineado enorme, cosa que en Firefox no...

Yo tengo una estructura de tipo:

<br>primera linea del texto</br><br>segunda linea del texto</br> y a todo ello le aplico un estilo con tamaño, color, interlineado...

Podeis comprobar como queda si visitais la web que aparece en mi firma...
Muchas gracias

[Mikmoro]

<br>primera linea del texto</br><br>segunda linea del texto</br> y a todo ello le aplico un estilo con tamaño, color, interlineado...

Pues así, con esa información te puedo decir que <br/> es un elemento vacío y no puede encerrar otras cosas. <br/> es simplemente un salto de línea, y no está pensado para que contenga nada, sólo para producir el salto.

Cambia tu código por este (si te parece):

<span>primera linea del texto</span><br/><span>segunda linea del texto</span>

Y pruebas a ver si se parece más en ambos navegadores.

Mikel.

[innes]

gracias por la rapidez mikel

<p align="center" class="style1"><br> primera linea </br><br>segunda linea</br></p>

quizás olvidé lo más importante, que está todo dentro de un "p"...pero es que pensaba que al meter algo dentro de <br></br> era suficiente pues esta dentro de una linea...

pues eso, que teniendo esa estructura como se puede mejorar el aspecto (en cuanto al interlineado)