Sur 2 navigateurs, la DIV est mal place

[hegalaldia]

Slt

Je refait le site de notre asso en utilisant beaucoup mieux le CSS. Je viens de verifier le site sur Firefox 3.5,Opera 10.01,Internet Explorer 8 et Chrome 3.0, mais sur Opera et Chrome une de mes DIV n'est pas au bon endroit sur la page index et contact, contrairement aux autres navigateurs (pour une fois que c'est pas avec IE ). La DIV qui pose probleme c'est celle pour les logos de Xiti et 1and1 :

Code HTML :

<div class="pied-de-page">

<div id="xiti">

<!-- TemplateBeginEditable name="xiti" -->

<a href="http://www.xiti.com/xiti.asp?s=349715" title="WebAnalytics" target="_top">
<script type="text/javascript">
<!--
Xt_param = 's=349715&p=NOM';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="80" height="15" border="0" alt="" ';
Xt_i += 'src="http://logv145.xiti.com/vcg.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript><img width="80" height="15" src="http://logv145.xiti.com/vcg.xiti?s=349715&p=NOM" alt="WebAnalytics" />
</noscript></a>

<!-- TemplateEndEditable -->

</div>

Le CSS :

.pied-de-page {
	display:block;
	position:absolute;
	width:auto; /* Largeur*/
	margin-left:10;
	margin-top:500px;
}

#xiti {
	display:block;
	position:absolute;
	margin-left:15px;
	margin-top:1px;
}

#oneandone {
	display:block;
	position:absolute;
	margin-left:15px;
	margin-top:20px;
}

Toutes les pages sont attachees a un modele, donc le code est le meme pour toutes les pages. Je ne vois pas pourquoi ca fait.

Voila le lien vers le site.

Merci d'avance.

[MarvinLeRouge]

Salut,

A mon avis, c'est lié au fait que le pied de page soit en position absolute. D'ailleurs, je me demande bien pourquoi tous ces positionnements sur des éléments dont tu ne définis pas la position (left, top, right, bottom).

[hegalaldia]

Merci pour ta reponse. Heu oui bonne question pour les position:absolute . Je vais les virer du CSS Xiti et oneandone.

Pourtant la position mise en absolute c'est pour positionner l'element par rapport au coin haut et gauche de la page.

[Dadou]

Non, si tu met en élément en position absolue alors qu'il est déjà dans un élément en position absolue, c'est par rapport au coin haut gauche de l'élément parent.

[hegalaldia]

oups je me suis mal exprime . Je voulais dire pour le CSS .pied-de-page qui est mal place sur les 2 navigateurs. Puisque tu me dit que ca viendrait de ca.