Tecnología

Inicio

Cómo hacer que la altura de la línea mismos de Microsoft Internet Explorer y Mozilla Firefox

March 21

Internet Explorer interpreta márgenes y altura de línea diferente a como lo hace el Mozilla Firefox. Estas diferencias fueron más pronunciadas en las versiones anteriores de IE, como IE6. Para conseguir alrededor de las discrepancias de código y hacer que el partido altura de las líneas, agregar un "if" a la página HTML que se vincula a una hoja de estilo diferente para Microsoft Internet Explorer.

Instrucciones

1 Añadir dos "<link>" etiquetas entre el "<head>" etiquetas en la parte superior de la página; por ejemplo:

<Head>
<Link>
<Link>
</ Head>

2 Insertar "rel", "tipo" y "href" atribuye a los "<link>" etiquetas, por lo que el código es el siguiente:

<Link rel = "stylesheet" type = "text / css" href = "firefox.css">
<Link rel = "stylesheet" type = "text / css" href = "ie.css">

3 Añadir "if" en el código de enlace de Microsoft Internet Explorer para que el navegador para activar sabe que el código CSS cuando el espectador se ve en la página web en Internet Explorer:

<! - [If IE]>
<Link rel = "stylesheet" type = "text / css" href = "ie.css">
<! [Endif] ->

4 Añadir "elemento {line-height: #px;}" a la CSS Firefox. Reemplazar "elemento" con el componente de la página deseada (por ejemplo, una mesa, div, p), a continuación, sustituya "#" con la línea-altura deseada; por ejemplo:

body {line-height: 15px; }

5 Guarde el archivo firefox.css. Crear una copia del archivo CSS, y luego renombrarlo como "ie.css." Usted debe tener un archivo firefox.css y un archivo ie.css.

6 Iniciar la página en IE y Firefox. Sube firefox.css y ie.css a su servidor web, si usted está usando un editor de páginas en línea.

7 Alinearse lado IE y Firefox al lado del otro. Reducir o aumentar "line-height" en un píxel en el código ie.css hasta que hasta que el Mozilla Firefox y Microsoft Internet Explorer tienen la misma línea de altura para la página.