Hvordan å rette CSS for Internet Explorer 7

August 28

Når du utformer et nettsted, kan det hende at nettsiden ser litt annerledes ut i alle nettlesere. Dette er fordi alle nettlesere leser kode annerledes. Forskjellene har ofte å gjøre med nettstedets gripende stilark (CSS). Coding CSS for Internet Explorer 7 kan være en hodepine, fordi denne nettleseren har så mange problemer med tolkning av CSS-koden. Av denne grunn, å lage et nettsted ser det samme i Internet Explorer 7 som det gjør i andre nettlesere tar noen triks.

Bruksanvisning

1 Hold CSS 3 ut av stilen din ark. Mens andre nettlesere støtter den nyeste versjonen av CSS, ikke Internet Explorer 7 støtter ikke mye av det. Det er best å holde CSS 3 koden ut av dine nettsteder til Internet Explorer har bedre støtte for det.

2 Bruk "text-align" når sentre divisjon koder. Division tags, mer kjent som "divs," separate deler av HTML-kode. I andre nettlesere er det en bedrager for sentre divs i CSS, som ser omtrent slik ut:

.divtag {

margin-left: auto;

}

Men dette betyr ikke fungere i Internet Explorer 7. Hvis du ønsker å sentrere en div, må du legge til følgende kode i CSS:

html, body {

text-align: center;

}

3 Fix marginproblemer. Internet Explorer standard marginer skiller seg fra andre nettlesere, som gjør nettstedet oppsett se rart. Lim inn følgende kode i mellom <head> og </ head> taggene i HTML-koden.

<! - [If IE]>

<Style>

.marginfix {

margin: 5px;

padding: 10px;

}

</ Style>

<! [EndIf-] ->

Den <! - [If IE]> -taggen viser denne koden for å bare Internet Explorer og retter marg problemene ut.

4 Juster forsvinner bakgrunnsbilder. Noen ganger Internet Explorer 7 vil ikke gjenta bakgrunnsbilder på riktig måte, noe som gjør bakgrunnen stoppe halvveis ned på siden. Legge "position: relative" til CSS fikser dette. Koden ser omtrent slik ut:

.box {

bakgrunn: url ( 'background.jpg');

position: relative;

}

5 Unngå barnet velgeren hack; det vil ikke fungere. I det siste, hvis du hadde problemer gjør et stykke CSS arbeid for Internet Explorer, kan du bruke en kode som dette:

html> body .divexample {

width: 100px;

height: 100px;

padding: 5px;

bakgrunn: # 000000;

}

Internet Explorer 6 og under forstår ikke "html> body"; så, når Internet Explorer ser at koden, den hopper over det. Dette gjør det mulig å skjule koden fra disse nettleserne. Men dette fungerer ikke lenger i Internet Explorer 7; så, ikke bruk denne koden.

6 Bruk "link rel" metode for å knytte CSS til en nettside i stedet for "import" metoden. Det er to måter å knytte et eksternt stilark til et HTML-dokument. Den ene er import kode, som ser omtrent slik ut:

<Style type = "text / css"> @ import "stylesheet.css"; </ style>

Denne metoden har falt i unåde, fordi Internet Explorer ikke alltid forstår det. Følgende metode er mye mer pålitelig: