Hvordan fikse en dobbel margin i IE

June 20

Eldre versjoner av Internet Explorer, som IE5 og IE6, lagt doble marginer til flytende sideelementer. For eksempel, når du legger til "margin: 0px 0px 0px 50 piksler" til en flytende element i CSS, ville IE doble størrelsen på venstre marg, slik at verdien 100 piksler i stedet for 50 piksler. Dobling marginene vil kaste av justeringen av ett eller flere elementer i siden, og du kan ikke endre venstre marg til 25 piksler, siden andre nettlesere som Mozilla Firefox ikke dobbel marginene. For å fikse en dobbel margin i IE, redigere koden for alle flytende elementer.

Bruksanvisning

1 Sett "<style>" og "</ style>" mellom "<head>" koder:

2 Sett "div {display: inline;}" i mellom "<style>" tags. Bruk denne koden bare hvis alle div-elementer på siden bruke "flyte" attributt. Koden skal se slik ut:

<Style>
div {display: inline; }
</ Style>

3 Trykk "Ctrl" og "F" for å åpne "Finn" om ikke alle div-elementer på siden bruker "flyte" attributt. Skriv "flyte" i søkeboksen, og trykk "Enter" for å søke etter alle elementer ved hjelp av attributtet.

4 Sett "display: inline;" i mellom klammeparentes på elementer i CSS-kode som bruker "flyte". For eksempel:

<Style>
.box1 {float: left; display: inline; }
</ Style>

5 Sett "display: inline" i HTML-tagger som bruker "flyte" attributt. For eksempel: