Hvordan lage den samme linjen Høyde Fra Microsoft IE & Mozilla Firefox

July 11

Internet Explorer tolker marger og linjehøyde annerledes enn Mozilla Firefox gjør. Disse forskjellene var størst i tidligere versjoner av IE, som IE6. For å komme rundt koden avvik og gjøre linjen høyder kampen, legger en "hvis" statement til siden HTML som linker til en annen stil ark for Microsoft IE.

Bruksanvisning

1 Legg til to "<link>" koder i mellom "<head>" koder øverst på siden; for eksempel:

2 Sett "rel", "type" og "href" attributter inn i "<link>" koder, slik at koden ser slik ut:

3 Legg til "hvis" uttalelser til Microsoft IE koblingen koden slik at leseren vet å aktivere at CSS-kode når betrakteren ser på nettsiden i IE:

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

4 Legg til "element {line-height: #px;}" til Firefox CSS. Erstatt "element" med ønsket side komponent (f.eks, bord, div, p), og sett "#" med ønsket line-height; for eksempel:

body {line-height: 15px; }

5 Lagre firefox.css filen. Lag en kopi av CSS-filen, og deretter gi den nytt navn som "ie.css." Du bør ha en firefox.css fil og en ie.css fil.

6 Start siden i IE og Firefox. Last opp firefox.css og ie.css til webserveren din hvis du bruker en online editor.

7 Line opp IE og Firefox ved siden av hverandre. Reduser eller øk "line-height" av en piksel i ie.css kode inntil inntil Mozilla Firefox og Microsoft IE har samme line-høyde for siden.