L'une des choses frustrantes dans la conception web est actuellement l'échec des principaux navigateurs s'en tiennent à un ensemble de normes dans ce que les balises HTML sont prises en charge et comment elles sont interprétées. Si vous créez en utilisant le CSS, il ne faut pas longtemps pour réaliser que l'utilisation de la marge, les rembourrages et les propriétés de largeur se traduit souvent par des pixels parasites. La règle régissant ces choses qu'on appelle le modèle de boîte CSS.
Malheureusement, IE5/win avait ses propres idées sur le modèle de boîte et interprète largeur que la distance entre les bords extérieurs de la zone de frontières alors que l'interprétation correcte est la distance entre les bords extérieurs de la teneur réelle (les bords intérieurs du rembourrage) .
Ce n'est là qu'un des nombreux problèmes que vous rencontrez lorsque vous commencez à penser au-delà de la façon dont votre rendu de la page en seulement votre propre navigateur avec la résolution de votre écran. La méthode que j'utilise sur mes sites de régner dans ces satanés variations navigateur est d'utiliser une définition stricte type de document (DTD) sur toutes les pages. Il peut limiter certains aspects de votre créativité, mais en termes de tout obtenir en un même lieu dans les différents navigateurs, il rend les choses beaucoup plus facile. Pour ce faire, il suffit d'ajouter le texte suivant comme première ligne de votre document HTML (avant la TVA inclus)
Si vous utilisez JavaScript, votre problème sera plus grande encore! La façon dont le Javascript est interprété différents pour à peu près tous les navigateurs et souvent vos fonctions nécessitent quelques ajustements ou même d'un certain nombre de parties distinctes pour atteindre les mêmes résultats sur les différents navigateurs.
Tout le monde à rejoindre la campagne pour les normes de conformité parmi les navigateurs afin que nous puissions arrêter de perdre notre temps à faire des pages multi-navigateurs compatibles!