28173 sujets

CSS et mise en forme, CSS3

Salut !
C'est encore moi Smiley smile

J'ai un problème, j'ai "combotté" 2 tutos d'alsacreation, le rollover en CSS + image map CSS, ce qui donne :

http://atmocorp.free.fr

Mon problème, c'est que mon image map est callée nickel sous FF, se décale sur la droite sur IEmac (est-ce le fameux bug des 3 pixels ou autres chose ?), et se décale vers le bas sur Safari
Je n'ai pas IE pc alors je sais pas quel bug il va me proposer !

Voila 3 screenshots de ma bannière :
FF (donc callée) :
http://img301.imageshack.us/my.php?image=firefox7dd.jpg

IEmac (décale vers la droite, de plus de 3 pixels j'ai l'impression) :
http://img40.imageshack.us/my.php?image=ie2iw.jpg

Safari (vers le bas) :
http://img43.imageshack.us/my.php?image=safari6de.jpg

Je n'ai pas opéra ni IEpc, je n'ai donc pas testé

Dois-je coder des hacks pour chaque navigateur ?
Est-ce moi qui me suis vautré dans mon code ?

Voila le CSS :

body {
font-family: Verdana, sans-serif;
font-size: 0.8em;
line-height: normal;
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 800px;
background-color: #FFDE8D;
}

#header {
background-image: url(Images/bann.jpg);
background-repeat:no-repeat; 
height: 245px;
background-color: blue;
margin: 0;
padding: 0;
font-size: 0px;
}

a.maproll { 
position:absolute; 
display: block; 
width : 216px; 
height: 43px; 
margin-left: 163px; 
margin-top: 196px; 
background-image: url(Images/Bas-2.jpg);
background-repeat: no-repeat; 
} 

a.maproll:hover { 
background-image: url(Images/Bas-2-1.jpg); 
background-repeat: no-repeat; 
} 


Et le html correspondant :

<div id="header"> 
   <a class="maproll" href="lientorrent" ></a>
</div>


Merci d'avance pour votre aide Smiley lol
Modifié par Isshin (19 Jan 2006 - 09:58)
dernière tentative de up, après, je laisse mourir le topic, mais j'ai vraiment aucune idée de ce qui peut bugguer...