Forum de discussion
Forum « Programmation HTML » (archives)
Re: Problème de décalage sous IE avec des cadres flottants
Envoyé: 18 février 2004, 6h52 par Oznog
Pas de gène l'ami! Pourquoi devrait t'on faire le tour du Web à chaque fois ? Pourquoi le flemmard n'est pas celui qui pose une question et ne prend pas le temps d'ajouter son code ? Pourquoi le flemmard n'est pas celui qui se contente d'indiquer un URL ?
Alors le flemmard ;-) te dis que IE n'a pas de un les mêmes marges par défaut et de deux qu'il ne gère pas les "border" comme Gecko.
Solutions :
- Mettre les marges et paddings à zéro, ou tout au moins les accorder :
body { margin: 0 auto; padding : 0; }
Voir le résultat : http://www.trucsweb.com/CSS/border.htm
Maintenant, tout dépend de la structure de ton site et particulièrement la hiérarchie des tes styles. Puisque certain hérite de ses parents, ça peut ajouter beaucoup de pixels par-ci par-là.
Ensuite, tu remarquera que la largeur n'est pas tout à fait la même, le "cadre_gauche" prend plus de 200px avec Gecko et Opera. C'est qu'il prend en compte les deux pixels (gauche et droite) du cadre ou "border". Ce que IE ne fait pas. En d'autres mots, IE enlève les deux pixels requis à l'intérieur alors que Gecko les prend à l'extérieur. Qui raison, je l'ignore mais c'est bien plus facile à gérer avec IE!
La solution, une seule, avoir deux feuilles de styles, une par navigateur! Ou ne pas se préocuper de ses 2 pixels ou ne pas utiliser de bordure!
P.S. Les tests ont été fait avec IE 6, Mozilla 1.4 et Opera 6
Ciao
Oznog
Réponses
|