May 3
Internet Explorer interpreta margini e altezza della linea in modo diverso rispetto Mozilla Firefox fa. Queste differenze sono state più pronunciate nelle versioni precedenti di IE, come IE6. Per aggirare le discrepanze codice e fare la partita altezze di linea, aggiungere un "if" alla pagina HTML che si collega a un altro foglio di stile per Microsoft Internet Explorer.
1 Aggiungere due "<link>" tag tra il "<head>" tag nella parte superiore della pagina; per esempio:
<Head>
<Link>
<Link>
</ Head>
2 Inserisci "rel", "tipo" e "href" attributi in "<link>" tag, in modo che il codice è simile al seguente:
<Link rel = "stylesheet" type = "text / css" href = "firefox.css">
<Link rel = "stylesheet" type = "text / css" href = "ie.css">
3 Aggiungere "if" per il codice di collegamento di Microsoft Internet Explorer in modo che il browser sa che per attivare il codice CSS quando lo spettatore guarda la pagina web in IE:
<! - [If IE]>
<Link rel = "stylesheet" type = "text / css" href = "ie.css">
<! [Endif] ->
4 Aggiungere "elemento {line-height: #px;}" al Firefox CSS. Sostituire "elemento" con il componente pagina desiderata (ad esempio, da tavolo, div, p), quindi sostituire "#" con la linea-altezza desiderata; per esempio:
body {line-height: 15px; }
5 Salvare il file firefox.css. Creare una copia del file CSS, e poi rinominarlo come "ie.css." Si dovrebbe avere un file firefox.css e un file ie.css.
6 Avviare la pagina in IE e Firefox. Carica firefox.css e ie.css al vostro server web se si sta utilizzando un editor di pagine on-line.
7 Line up IE e Firefox fianco a fianco. Ridurre o aumentare "line-height" di un pixel nel codice ie.css fino fino a quando Mozilla Firefox e Microsoft Internet Explorer hanno la stessa line-height per la pagina.