[Résolu] Décalage dans IE

Salut à vous

J'ai un petit problème de décalage sous IE :

En fait j'ai 3 images qui sont des liens (style : version française, version anglaise ... etc)

Je les ai positionné en "absolute" dans FF, mais je n'avais pas encore regardé sous ie ... héhéhé

... Avez vous une idée pour que ça colle dans les 2 ?

Merci !
HTML

<div class="fr"><a href="http://xxx.free.fr/fr"><img src="visuels/fr.png" alt="Version Française" /></a></div>
<div class="en"><a href="http://xxx.free.fr/en"><img src="visuels/en.png" alt="English Version" /></a></div>
<div class="gite"><a href="http://www.gites-de-france.com/"><img src="visuels/gitedefrance.png" alt="Gite de France" /></a></div>

CSS

.fr {
	position: absolute;
	margin-top: 100px;
	margin-left: 20px;
}
.en {
	position: absolute;
	margin-top: 100px;
	margin-left: 56px;
}
.gite {
	position: absolute;
	margin-top: 150px;
	margin-left: 24px;
}

Modifié par yank (07 May 2008 - 17:03)

Salut,

Question bête: le bloc contenant en relative (ou absolute) qui sert de référent c'est qui?

ghost a écrit :
Salut,

Question bête: le bloc contenant en relative (ou absolute) qui sert de référent c'est qui?

C'est lui

#gauche {
	float:left;
	height: 242px;
	width: 292px;
	background-image: url(visuels/menu.png);
	background-repeat: no-repeat;
	background-position: 90px 0px;
}

Modifié par yank (07 May 2008 - 17:03)

Re,

Heu, il n'est pas positionné

#gauche {
	float:left;
	height: 242px;
	width: 292px;
	background-image: url(visuels/menu.png);
	background-repeat: no-repeat;
	background-position: 90px 0px;
        position: relative;
}

Modifié par ghost (09 Mar 2008 - 11:14)

ghost a écrit :
Re,

Heu, il n'est pas positionné

#gauche {
	float:left;
	height: 242px;
	width: 292px;
	background-image: url(visuels/menu.png);
	background-repeat: no-repeat;
	background-position: 90px 0px;
        position: relative;
}

:D

Oui effectivement ...


J'ai pensé à la rigueur de mettre mes "class fr, en et gite" dans un conteneur pour le placer mais il y a certainement une meilleure solution plus propre et plus simple ^^
Modifié par yank (09 Mar 2008 - 13:04)

Re,

En fait je n'arrive pas à comprendre pourquoi ie prend ton <ul> comme référent pour le positionnement absolute de tes class, il n'y a aucune raison apparente (à mon niveau).
Par contre si tu places ton <ul> en position absolute aussi, le problème à l'air de disparaitre Mwoui c'est un peu bizarre ...

ghost a écrit :
Re,

En fait je n'arrive pas à comprendre pourquoi ie prend ton <ul> comme référent pour le positionnement absolute de tes class, il n'y a aucune raison apparente (à mon niveau).
Par contre si tu places ton <ul> en position absolute aussi, le problème à l'air de disparaitre Mwoui c'est un peu bizarre ...

Effectivement ! Je viens de mettre en absolute pour ie ul et ça fonctionne ...

Ouais trop bizarre ...

yank a écrit :

Effectivement ! Je viens de mettre en absolute pour ie ul et ça fonctionne ...

Ouais trop bizarre ...

Et bien en mettant ul en absolute j'ai tout mes problèmes qui ont disparu ...

Mes class sont à la bonne place ainsi que mon menu qui partait en live sous ie ... bizarre ...


Modifié par yank (29 Apr 2008 - 17:07)