Miglioriamo il grafico – compatibilità con Internet Explorer 6 e precedenti
Se provate il codice su Firefox, Internet Explorer 7 oppure Opera, noterete la perfezione dell’opera. Non si può dire altrettanto se avete dato uno sguardo agli esempi con una versione precedente di Internet Explorer.
Sostituendo il commento condizionale dell’esempio precedente con quanto segue, le etichette descrittive di ciascuna barra saranno posizionate correttamente nel posto in cui dovrebbero essere:
<!–[if lt IE 7]>
<style type=”text/css”>
.graph_area .label{
margin-left: -50px;
}
</style>
<![endif]–>
<!–[if lte IE 7]>
<style type=”text/css”>
span.chart .info, span.chart2 .info{
margin-top: 5px;
margin-left: 2%;
display: block !important;
}
</style>
<![endif]–>
<style type=”text/css”>
.graph_area .label{
margin-left: -50px;
}
</style>
<![endif]–>
<!–[if lte IE 7]>
<style type=”text/css”>
span.chart .info, span.chart2 .info{
margin-top: 5px;
margin-left: 2%;
display: block !important;
}
</style>
<![endif]–>
A questo punto posso considerarmi soddisfatto! Alla prossima!