Images décalées sur Firefox comme sur Explorer

Bonjour! J'espère que je trouverez ici un lieu pour me faire avancer dans ma création et mise à jour de mon site Internet. Je n'ai que peu de connaissances et trouver les réponses à mes soucis est souvent difficile. Donc voilà je refais mon site Internet et en page d'accueil j'ai les images du haut qui sont décalées vers la droite et aussi il semble que sur ma page Infographie le texte soit par dessus les images sur cellulaire. Enfin, déjà le plus important est ma page d'accueil. Après je verrai pour que tous puisse voir mon site correctement autant que possible. Il est visible sur ce lien pour l'instant : http://test.pagani-sylvie.fr/

J'hésite à mettre le code source de ma page d'accueil car je ne sais pas si vous en avez besoin mais il n'y a qu'à demander.

Merci de bien vouloir me donner un coup de main.

Salut,

Personnellement je n'ai pas trouvé "les images du haut"...

Ha bon? Tu ne vois pas la bande où il y a le logo légèrement décalé vers la droite? J'ai pourtant refais un F5 pour être sure mais moi je le vois toujours ce décalage!

Bonjour, il faut faire un margin:0 sur ta div.
Mais peut-être faudrait-il refaire toute la page...
Et alléger certaines images également... Par exemple, tu utilises cette image : http://test.pagani-sylvie.fr/images/degrade-tranche1_03.jpg alors qu'une image de 1 pixel de haut suffirait en la mettant en css (background-image : url(tonimage.jpg);) avec un petit repeat (background-repeat : repeat-y;).
Cela allègerait le poids de la page.
D'autres éléments sont à revoir...

Bonjour,

il y a une marge par défaut sur le body

body {
margin: 0;
}

ton menu ne subit pas cette marge car il est sorti du flux par la position absolue

J'ai tenté le margin:0 mais je ne vois pas de changement. Peut-être l'ais-je mal intégrer au code?

Et pour le body {margin: 0;}, je n'ai même pas trouvé ça dans mon code.

Merci pour votre aide.

Je crois qu'il veut dire que certain navigateur on des margins par défault (et pas toujours du même nombre). Donc en rajoutant à ton code ce qu'il t'a donné plus haut cela va mettre tout les navigateurs à la même base.

Pour ma part je fait TOUJOURS un reset CSS de ma page en rajoutant le code(simple et efficace) de Eric Meyer: (http://meyerweb.com/eric/tools/css/reset/) au début de mon code CSS. Ça permet comme dit plus haut de mettre tout les navigateurs au même point de départ, et donc de favoriser la compatibilité. C'est sur que tu devras peut être modifiers quelque éléments pas la suite.
Modifié par Flink (01 Aug 2012 - 21:57)