Problème récurent IE et div

Version imprimable

01/09/2008, 17h29
Fabious

Problème récurent IE et div
bonjour tlm,

Voilà IE commence vraiment à me gonfler sévère.. j'ai chercher sur le net et je n'ai pas trouvé (je savais pas trop quoi marquer :/)

Mon problème c'est que IE a toujours la facheuse tendance à mettre une sorte de marge entre des blocs div lorsqu'il sont aligné tout simplement ...

exemple :
Code:

1 2 3 4 <div id="1"></div> <div id="2"></div> <div id="3"></div>
Et bien sous firefox les div seront super bien aligné les uns au dessous des autres... et IE va mettre un petit écart entre les divs !

Si qqn peut me donner la solution je serais extremement ravi!
Merci d'avance.

edit : j'ai remarqué aussi que IE augmente les margins en hauteur... (par exemple si j'ai une style:margin-top="5px"; la marge sera doublé sous IE par rapport a firefox...
01/09/2008, 18h10
Fabious

En farfouillant sur le net je me suis rendu compte que c'est avec ie6 qu'il y a des probs de margin.. (de 3px apparement)

Mais pas moyen de trouver une solution ! :(

(même en mettant des margin:0px un peu partout...)

Je hais IE...
01/09/2008, 20h47
extraman1

Salut,

Figurez-vous que j'ai eu le même problème aujourd'hui.

J'ai résolu le problème en ajoutant des :

/margin-top: -Xpx;

un peu partout(pareil pour left, right, bottom), apparemment IE ajoute des marges en CSS, donc il faut les "annuler", le "/" permet de n'être pris en compte que par IE pour pas déformer Firefox en même temps^^

A++
01/09/2008, 20h47
Candygirl

Hello,

Si tu veux recevoir de l'aide, tu devrais soumettre le code qui te pose problème parce que là, c'est bien trop vague...
02/09/2008, 10h21
Fabious

Merci extraman (je ne connaissais justement aucun moyen de faire passer une instruction uniquement pour IE)

Candygirl justement mon problème se pose quasiment tout le temps ! Dès que je met des div les uns à la suites des autres.... Merci ie...

Bon bah on va dire que c'est résolu, mais si y'a d'autres soluces hésitez pas !

Bonjour

Citation:

Envoyé par Fabious

Candygirl justement mon problème se pose quasiment tout le temps ! Dès que je met des div les uns à la suites des autres.... Merci ie...

L'intérêt aurait justement été de donner un exemple pratique, parce que avec ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr-FR"> <head> <title>Test</title> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <div style="border:1px solid red;background-color:blue;">a</div> <div style="border:1px solid yellow;background-color:green;">b</div> <div style="border:1px solid gray;background-color:purple;">c</div> </body> </html>
il n'y a pas ces histoires de marges dont tu parles... (testé avec IE6 et FF3 sans différence notable)

Avec un peu de code on aurait peut être vu où se trouvait le souci...