28220 sujets

CSS et mise en forme, CSS3

j'ai encore un fameux problème avec la largeur d'une balise <div> en float:left;

Lorsque, j'ajoute un margin-left de 8px, sous IE ont dirait que cette marge est doublée, donc le div se retrouve decaler de 8px de trop a droite.

Si je laisse le margin-left:0px, sous IE, opera, et FireFox, l'affichage est identique.

il semble que, le problème ce situe a ce niveau, quoi que peut-être pas.

page de test : http://iteckwebx.infoteck.qc.ca/psn3.com/index.php
et le css : http://iteckwebx.infoteck.qc.ca/psn3.com/index.css

J'ai essayer le truc pour coloré les bordures pour voir si des marges n'étaient pas superposee mais je n'est pas trouver, j'ai essayer d'isoler cette balise, mais l'erreur se produits chaque fois sous IE lorsque le margin-left change, si vous avez une idee, ce serait bienvenue

merci
Salut,

merci pour votre aide, en effet, il s'agit du bug de 3 pixel de IE.
au lieu de faire un display:inline, j'ai tout simplement mit une margin-left:3px pour IE.

dans un fichier hackIE.css

div#gauche
 {background-color:#ffffff;  height:523px;  width:398px;  margin-left:3px; float:left;  margin-right:0px; }


et j'ai ajouter dans le head de ma page php :

[code]
<!--[if IE]><link rel='stylesheet' href="hackIE.css"
type="text/css" /><![endif]-->[code]

Cela étant dit, qu'elle est la meilleur technique pour tester selon les differentes versions des navigateurs ? les installer tous ?

ou existe t'il un logiciel "miracle" qui permetterais de voir dans plusieurs navigateurs a la fois ?

Merci encore une fois pour se forum, maintenant j'ai le plus gros du boulot de fait, me reste que des idees a avoir pour d'autres page.