[Résolu] Float + margin = problème sous IE

Tout d'abord bonjour à toutes et à tous,

Cela fait déjà un bout de temps que je passe sur le forum en "anonyme" et sur le site alsacreations et j'ai décidé de franchir le pas car là j'ai vraiment besoin de votre aide !!

Je suis en train de faire un site pour une compétition qui va avoir lieu dans mon club et je me heurte à un petit soucis de compatibilité de visualisation avec notre bon vieux IE. Pour voir ce que cela donne rendez vous sur http://ventusa.free.fr/WWGC2007.

Le problème se situe au niveau du bloc ayant l'id "gauche" qui contient le menu (merci alsacreations au passage). Sous IE, j'ai l'impression que la marge gauche est multipliée par deux, ce qui me "décale" toute ma mise en page (bon ok c'est pas énorme, mais bon ca fait pas sérieux ). Sous firefox, pas de problème ...

Est ce que le problème vient de l'interprétation des "boites" qui diffère entre IE et le moteur de firefox ? Ou bien est-ce un autre problème ?


Merci d'avance pour vos réponses !


Cali_ks
Modifié par cali_ks (14 Apr 2006 - 22:49)

Bonjour cali_ks et bienvenue sur Alsacréations ,

Probablement es-tu victime du bug IE Doubled Float-Margin ? Doublement de marge dans IE lorsque un margin est dans la même direction que le float.
La solution est dans le lien ci-dessus.

Merci beaucoup, c'est effectivement bien ça ... vive IE

Par contre, j'ai toujours un décalage sur ma balise h1 de la partie principale de la page (div#principal) que je n'ai pas sous firefox ... de plus il semble que les paragraphes (balise <p>) subissent une influence de la partie gauche. En effet, sous IE, dès que les paragraphes dépassent le "bas" du menu, la marge n'est plus la même ... Je suis un peu perdu là ...

Cali_ks