Bonjour tout le monde,
Je me suis inscrit spécialement parce que j'ai depuis longtemps un petit problème de décalage entre mozilla et IE et après moultes recherches sur le web, après de multiples essais je ne suis toujours pas parvenu à le résoudre.
Je me suis donc inscrit ici car dans ma recherche à travers différents forums, celui-là m'a parut de loin le plus convivial et le plus efficace.
Voici le problème en détail :
Comme vous pouvez le voir :
Sous IE, c'est ce que je veux obtenir, le texte est bien collé en haut.
Sous Mozilla, il y a un décalage.
Les textes sont dans des divisions séparées comme ceci :
<div style="position: absolute; width: 105px; height: 18px; left: 477px; top: 0px;"> <p align="center"> <a href="p5box.htm">Épisodes & bonus</a> </p> </div>
Comme vous pouvez le voir, le top est à 0px, donc ça devrait bien être collé au bord.
D'autant + que dans le css :
body{ background:url(img/menu/fond.jpg); background-color:#D7C68F; background-repeat:no-repeat; width:900px; margin:0px; padding:0px; }
et même accéssoirement :
div { margin:0px; padding:0px; }
Le problème a l'air tout autre.
Quand je rajoute des bordures aux divisions, ça donne ça :
Les textes sous mozilla sortent des divisions.Alors j'ai tout essayé, j'ai pensé aux marges et padding du texte, des liens...
Voilà l'URL de la page entière : http://lp5.tm.xooit.net/menuprincipal.htm
Et j'ai d'autres divisions dans le document plus basses, elle sont également décalées et ça pose un problème esthétique pour le bout d'image qui change au survol du menu de droite.
Alors bah, si vous voyez d'où vient le problème
Merci beaucoup...