Strumenti di sviluppo IE8 mancanti di alcuni stili

Question

Sto riscontrando alcuni problemi con alcune proprietà CSS in IE8.

Ho testato il mio sito in IE7, Chrome e Firefox e funzionano bene, ma IE8 sta avendo alcuni problemi di layout.

Controllo l'opzione dello sviluppatore su ie8 e ho notato che alcune delle proprietà che ho impostato in CSS vengono ignorate da ie8. Per esempio:

#header 
{ 
position: relative; 
padding: 20px; 
height: 100px; 
background:url(header.png); 

} 

In questa intestazione IE8 ignorato la proprietà height: Se io ispezionare l'elemento nei tool di sviluppo manca che la proprietà ed è schiacciato in un'altra linea:

background:url;HEIGHT: 100PX 

La stessa cosa avviene per galleggianti troppo:

#logon 
{ 
float: left; 
text-align:right; 
width:20%; 
height: 40px; 
padding-left: 0px; 
padding-right:7px; 
border:0; 
margin:0; 
background: url(navgradient.gif); 
} 

Questo ignora il valore float:

Che cosa sta succedendo qui e come posso risolverlo?

Answer 1

Sembra un errore di analisi o simile. Prova a mettere le virgolette attorno ai nomi delle immagini;

background: url('navgradient.gif'); 

Answer 2

L'ho visto accadere se il foglio di stile contiene le proprietà filter.

Answer 3

Ho visto anche questo. Alcuni stili sono mostrati sulla stessa linea, mi capita con le linee "filtro".

L'HTML esegue il rendering in IE correttamente, ma se si tenta di attivare/disattivare la riga CSS, influisce su entrambe le proprietà. Quindi deselezionando "filter: alpha (opacity = 25); BOTTOM: 10px" in dev tool disabilita sia le regole CSS "filter" che quelle "bottom".

Quindi sembra un errore nel parser degli strumenti di sviluppo, ma non nel motore di rendering di IE. È pazzesco come questo non è ancora risolto.