2013-06-10 12 views
5

su un sito Web su cui sto lavorando Ho problemi con un problema di rendering che non riesco a capire.Problemi di rendering di IE8 con h2

Ho già giocato con margini, posizionamento, z-indici e così via per portarlo via ma nulla di tutto ciò ha aiutato.

Si verifica solo in IE8 (in Windows XP, non so se anche su SO più recente). So che IE8 è un po 'deprecato, ma visto che il resto della pagina sta andando bene con esso vorrei anche supportarlo, dal momento che alcuni dei miei visitatori potrebbero averlo installato.

Se si dà un'occhiata alla pagina è possibile identificare il problema molto velocemente quando si utilizza IE8: http://kunden.tommy-computer.at/fsv_noetsch/

Ecco quello che le intestazioni di menu assomigliano nei browser moderni come FF/Chrome/Opera/IE> 8 : enter image description here

Ed ecco quello che sembrano in IE8 (sbagliato):

enter image description here

Come posso ottenere ri d di esso. Si prega di aiuto, non riesco a capire perché questo accade. Grazie mille !

+2

['border-radius'] (http://msdn.microsoft.com/en-us/library/jj127319%28v=vs.85%29.aspx) non è supportato da IE8, è disponibile da IE9 in poi . – Teemu

+0

Prova questo http://stackoverflow.com/questions/9426979/border-radius-for-ie8 –

+0

thx, non ne sapeva nulla. Non è obbligatorio per il design, quindi posso vivere con esso ignorato in IE8. Tuttavia se lo rimuovo non cambia nulla, quindi suppongo che non sia la ragione del problema di rendering? – Thomas233

risposta

1

Si sta utilizzando il nuovo doctype html e ho notato che si sta utilizzando anche almeno un elemento HTML 5 article. IE 8 non riconoscerà quell'elemento o qualsiasi cosa relativa a html 5. È necessario utilizzare javascript per correggere IE usando uno script chiamato html5shiv.

Ciò che questo farà è informare IE dei nuovi elementi in modo che possano essere abbinati.

Problemi correlati