28172 sujets

CSS et mise en forme, CSS3

Bonjour
Je viens de finir le theme de mon site, et je viens de m'apercevoir qu'il y avait un décalage de hauteur dans une div dédiée à la barre de navigation sur les navigateurs fonctionnant sous Mac, alors que sur les navigateurs fonctionnant sous Windows l'affichage est correct.

Pourquoi cette différence?

Voici la div en question :

<div id="connexion"><{if !$xoops_isuser}>
<a href="#?w=580" rel="popup3" class="poplight"><img src="<{xoImgUrl /images/postez.png}>" border="0" alt="Postez GRATUITEMENT  votre annonce" title="Cliquez pour poster GRATUITEMENT  votre annonce"/></a>
<div id="popup3" class="popup_block">
    <h2>Vous devez être inscrit pour poster une annonce</h2>
   <center><p>Cliquez <a href="<{xoAppUrl}>modules/profile/register.php" title="Sincrire GRATUITEMENT"><b>ici</b></a> pour vous incrire</p></center>
    </div>
   
<{else}>
<a href="<{$xoops_url}>/modules/adslight/add.php"><img src="<{xoImgUrl /images/postez.png}>" border="0" alt="Postez GRATUITEMENT  votre annonce" title="Cliquez pour poster GRATUITEMENT  votre annonce"/></a>&nbsp;
<{/if}></a></div>


Css:

#connexion{
	margin-top: -43px;
	width: 220px;
	
}


Merci d'avance

PS: si vous m'autorisez à mettre l'adresse du site je la posterai
Modifié par stephane72 (07 Dec 2010 - 11:25)
Afin de détailler plus ma demande, voici un aperçu écran de ce que sa donne sous firefox sous Mac

Firefox sous MAC:Problème de décalage
http://img27.imageshack.us/img27/2076/ffmac.png

Firefox sous Windows: Aucun problème

http://img822.imageshack.us/img822/4248/ffwi.png

Cette différences est la même avec les navigateurs IE,Chrome,safari,opera

Pourquoi y a-t-il une différence entre les navigateurs sur différents systèmes d'exploitation?

Merci d'avance
Modifié par stephane72 (08 Dec 2010 - 13:11)