[RESOLU] Problème de Décalage sous Mozilla

[Choco Tm]

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...

Modifié 27 Septembre 2005 par Dan

[petit-ourson]

une hauteur de 18px pour tes div, c'est pas un peu petit pour afficher ton texte ?

Il faut virer je pense les marges et les espacements (padding) sur tes <p> et augmenter ou virer la hauteur de tes <div>. Ces derniers ne servent à rien car tu pourrais mettre les styles sur tes <p> directement.

Une liste serait également bien adaptée.

[Raphael]

Je ne comprends pas trop pourquoi tu emploies des <p> (paragraphe) pour structurer ta liste de lien, mais la réponse vient des marges par défaut sur <p> :

p {margin-top: 0;}

[Choco Tm]

Alors la je comprends rien ! J'avais pourtant juré avoir essayé le margin : 0px ;

Aurais-je oublier le ; !!??

Bon bah ça marche alors grand merci à vous deux, c'est justement vous que je vois répondre toujours à ceux qui ont des problèmes de ce genre et vous qui m'avez incité à m'inscrire et c'est vous qui me répondez en si peu de temps, alors franchement MERCI ! Vous avez déjà fait plusieurs heureux, en voilà un de + !

PS : Concernant les div et les p (l'un n'est pas utile), je le savais bien mais quand j'ai fait mon site, je n'avais pas de grandes connaissances en html et je m'aidais de front-page pour placer des divisions en absolu. Et c'est lui qui me rajoutait des balises <p>. Maintenant que je m'y connais un peu mieu je devrais revoir tout mon code mais cela concerne trop de pages. Je ferais les modifications au fur et à mesure...

[Arobase]

Bonjour Choco Tm. Les bannières sont interdites en signature. Tu peux mettre un lien mais pas une bannière

[Raphael]

PS : Concernant les div et les p (l'un n'est pas utile)

Si si, chacun est utile, mais chacun a une fonction précise

[Choco Tm]

Oui mais je voulais dire, je met soit l'un soit l'autre !

Soit je fais le positionnement sur les balises p comme m'a dit petit ourson et je ne met pas de div soit je met els div mais alors pourquoi mettre des p ?

En tout cas désolé pour la signature, je ne mettrais plus de banières, promis !