Attention si vous utilisez le framework HTML5RESET !

L’excellent framework http://html5reset.org/ (alternative à http://html5boilerplate.com/) permettant de travailler dès aujourd’hui avec HTML5 et CSS3 de manière plus décontractée a révélé quelques petites faiblesses lorsque j’ai voulu le tester dernièrement. La première, flagrante, se situe au niveau de la compatibilité IE7 et IE6 puisque l’affichage sur ces navigateurs provoque une erreur javascript qui peut-être facilement supprimée en mettant à jour tout simplement l’appel au script de cette façon :

<!—[if lt IE 8]>

<script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js”></script>

<![endif]—>

L’autre défaillance se situe au niveau de l’insertion d’une Google Map au moyen de l’API puisque les contrôleurs ne s’affichent pas. La solution se trouvait sur ce groupe http://goo.gl/GMFNC dans lequel l’auteur explique que l’erreur provient du fichier reset.css. Sa solution consiste à redéfinir le style suivant et le tour est joué :

#map_canvas img { max-width: none; }