[Résolu]Alignement d'un DIV : OK sous IE7 et FF2 mais pas IE6 :(

Bonjour à tous.

Voilà j'ai un soucis avec un alignement d'un DIV. Il passe impecc sous FF2 et IE7 mais sous IE6, il est complètement décallé.

Le site est ici
Le css associé est ici

La partie (div) du site décallée est "partie-centrale" décallée par rapport à "menu".

Pourriez-vous me dire ce qui peut "merder" dans le CSS ?

D'avance, Merci

Modifié par arnaud_verlaine (13 Dec 2007 - 15:20)

Salut,

Surement 3px jog bug... ie6 te rajout 3px et ton bloc passe sous le float.
Essaye de mettre ton bloc centre en float right... Dés fois ça passe

Bonsoir,
je crois que j'ai encore l'adresse dans mon presse papier : http://forum.alsacreations.com/faq/faq-91-Qu039est-ce-que-le-HasLayout-et-comment-l039utiliser.html
J'avais le même soucis, j'ai résolu gr^ce à ça.
A bientôt

Bonjour et merci pour votre aide.

En effet, je viens de regarder , mon soucis vient de 2 blocs qui ne se "collent pas" et je n'arrive pas à trouver comment les coller ensemble sous IE6 (sous IE7 et FF2 ca roule!)

code HTML

<div id="blocgauche"></div>
<div id="blocdroit"></div>

code CSS

		#blocgauche{
		width:155px;
		height:250px;
		background-color:#64C7EE;
		border-left:#DDDDD1 solid 1px;
		float:left;
		}
		#blocdroit{
		margin-left:156px;
		height:250px;
		background-color:#3CB1DC;
		}

J'ai essayé de jouer avec les margin, les padding, etc mais sans succès...

Le soucis est bien 3px d'espacement entre les 2 blocs !!

Si je fait ceci au bloc droit :

		#blocdroit{
		[#D41316]position:relative;
                right:3px;[/#]
                margin-left:156px;
		height:250px;
		background-color:#3CB1DC;
		}

donc en ajoutant :
position:relative;
right:3px;

Là ça fonctionne sous IE6, il recule vers la gauche, mais bien entendu sous IE7 et FF2 ça va pu..
Modifié par arnaud_verlaine (13 Dec 2007 - 10:04)

Salut arnaud_verlaine ,

arnaud_verlaine a écrit :
Si je fait ceci au bloc droit :

		#blocdroit{
		[#D41316]position:relative;
                right:3px;[/#]
                margin-left:156px;
		height:250px;
		background-color:#3CB1DC;
		}

donc en ajoutant :
position:relative;
right:3px;

Là ça fonctionne sous IE6, il recule vers la gauche, mais bien entendu sous IE7 et FF2 ça va pu..

Ce que tu as fait sert effectivement à corriger le three pixel jog pour IE6 mais puisqu'il ne concerne qu'IE6 il devrait se trouver dans un commentaire conditionnel.

A+

Merci à tous c'était bien cela !

C'est ok maintenant.

A bientôt,