Hvordan eliminere DIV Gap Med erklæringen i IE

May 21

Microsofts Internet Explorer legger til en tre-piksel margin mellom flytende DIV containere, noe som kan føre til rendering problemer når en webside layout avhenger eksakt avstand. Dette rendering problemet kalles "IE DIV gap." Du kan korrigere denne nettleseren innfall ved å legge til en betinget uttalelse til websiden kode. Dette betinget uttalelsen setter noen få linjer med CSS-kode som løser problemet når websiden vises ved hjelp av Internet Explorer.

Bruksanvisning

1 Åpne websiden som et tekstdokument ved å høyreklikke på den, og deretter klikke på "Åpne med." Klikk for å velge "Notisblokk" eller "WordPad", og klikk "OK."

2 Identifiser de flytende DIV beholdere som er viser IE DIV gap bug. Feilen vises når to DIV beholdere bruker samme "flyte" argument, for eksempel "float: left;". En tre-pixel gapet vises mellom DIV beholdere.

3 Finn DIV container som vises på den siden hvor divs er flytende. Klikk for å plassere markøren til venstre og før slutt braketten av åpningen DIV tag.

4 Skriv "id = 'gapcorrection'" for å tildele en "ID" eiendom til DIV container.

5 Klikk for å plassere markøren mellom "<HEAD>" og "</ HEAD>" tags nær toppen av dokumentet.

6 Type "<! - [If IE]>" for å åpne en tilstand koden og trykk "Enter".

7 Type "<style type =" text / css ">" og trykk "Enter" for å åpne CSS skriptmerket.

8 Type "#gapcorrection {display: inline; margin-right: -3px;}" hvis DIV beholdere bruke "float: left;" eiendom. Type "#gapcorrection {display: inline; margin-left: -3px;}" hvis DIV beholdere bruke "float: right;" eiendom. Trykk enter."

9 Type "</ style>" og trykk "Enter" for å lukke CSS skriptmerket.

10 Type "<[endif] ->" for å lukke den betingede tag.

11 Klikk "Fil" og "Lagre" for å lagre dokumentet med den betingede IE DIV gap korrigerende kode.

Hint

Hvis DIV allerede er tildelt en "ID" eiendom, legger "margin-left: -3px;" eller "margin-right: -3px;" kodelinje til den eksisterende CSS-kode for den DIV beholderen.