Nwlapcug.com


Come correggere CSS per Internet Explorer 7

Quando si progetta un sito Web, si potrebbe notare che la pagina web sembra leggermente diverso in ogni browser. Questo è perché ogni browser legge il codice in modo diverso. Le differenze spesso hanno a che fare con fogli di stile CSS del sito (CSS). Codifica CSS per Internet Explorer 7 può essere un mal di testa, perché questo browser ha così tanti problemi di interpretazione codice CSS. Per questo motivo, fare un sito lo stesso aspetto in Internet Explorer 7, come avviene in altri browser prende alcuni trucchi.

Istruzioni

1

Tenere CSS 3 fuori i fogli di stile. Mentre altri browser supportano la nuova versione del CSS, Internet Explorer 7 non supporta gran parte di essa. Si consiglia di mantenere il codice CSS 3 fuori i tuoi siti Web fino a quando Internet Explorer ha un supporto migliore per esso.

2

Utilizzare "text-align" quando Tag divisione di centraggio. Tag di divisione, più comunemente noto come "div", separare le sezioni del codice HTML. In altri browser c'è un trucco per centrare div nel CSS, che sembra qualcosa di simile:

.divtag () {

margine sinistro: auto;

}

Tuttavia, questo non funziona in Internet Explorer 7. Se si desidera centrare un div, è necessario aggiungere il codice seguente al foglio di stile CSS:

HTML, body {

text-align: center;

}

3

Risolvere i problemi di margine. Margini predefiniti di Internet Explorer sono diversi da altri browser, che rendono il layout sito Web appaiono strani. Incollare il codice seguente tra il < head > e < / head > tag nel codice HTML.

<!-[se IE] >

< style >

.marginfix () {

margin: 5px;

padding: 10px;

}

< / stile >

<! [EndIf]-->

Il <!-[se IE] > tag Mostra questo codice a solo Internet Explorer e raddrizza le questioni di margine fuori.

4

Regolare le immagini di sfondo scomparendo. A volte Internet Explorer 7 non voglio ripetere le immagini di sfondo correttamente, rendendo la fermata di sfondo a metà strada giù la pagina. L'aggiunta di "Posizione: relativo" al CSS risolve il problema. Il codice sarà simile a questo:

{. Box

Priorità bassa: url('background.jpg');

Posizione: relativo;

}

5

Evitare l'hack di selettore di bambino; non funzionerà. In passato, se hai avuto problemi facendo un pezzo di CSS funziona per Internet Explorer, è possibile utilizzare un codice simile al seguente:

HTML > body {.divexample

Larghezza: 100px;

Altezza: 100px;

padding: 5px;

sfondo: #000000;

}

Internet Explorer 6 e qui di seguito non capisco "html > body"; così, quando Internet Explorer rileva che il codice, si ignora. Ciò consente di nascondere il codice da tali browser. Tuttavia, questo non funziona in Internet Explorer 7; quindi, non utilizzare questo codice.

6

Utilizzare il metodo "link rel" di collegamento CSS di una pagina web piuttosto che il metodo di "importare". Ci sono due modi di collegare un foglio di stile esterno a un documento HTML. Uno è il codice di importazione, che assomigli a questo:

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

Questo metodo è caduto in disgrazia, perché Internet Explorer non sempre lo capisce. Il seguente metodo è molto più affidabile:

< link rel = "stylesheet" href="stylesheet.css" type = "text/css" / >