Comment avoir le même rendu sur tout les navigateurs?

passealasuite
Les bases HTML/CSS

Bonjour,

J'ai récemment réalisé un site, mais celui-ci ne s'affiche pas correctement sur Firefox, sous Chrome , Safari et explorer tout va a peux près bien.
On m'a aussi indiquer que sur certaine résolution d'écran il ne s'affichait pas correctement.
Pouvez vous m'aider?

Voici l'url: http://www.asse-actualite.com/

Merci d'avance pour vos réponses.
Cordialement

10 réponses

the_sheep
Réponse acceptée

ben moi je comprend pas pourquoi sa affiche sur les autres :)

ton #logo existe pas ....
en tout cas en ligne ...

mais sinon essaie de mettre

html, body {
padding : 0;
margin : 0;
}
samas92i

Le problème viens de ton css surent, ou ta façon de coder.
pour plus d'aide : http://siteduzero.com, tu ora surment un solution en moin de 24h.

Désoler pour la pub.

bertrand15

c'est l'un des plus grand problème des webmasters. :) regarde sur le net et sur les sites de tutoriaux anglais ce sont les meilleurs pour te donner de bons résultats.

après tu peux coder en javascript ou arranger ton css pour obtenir une meilleure compatibilité (utiliser les min et max width, mettre une largeur minimum de ta page entre 950 et 1000 pixels, etc ... )

CeroGrimm

En naviguant brièvement sur ton site, j'ai remarqué qu'il y a des soucis au niveau du footer par exemple. Avant de te pencher sur le CSS, je te conseille de bien vérifier tes balises <div> pour voir si tu n'as pas oublié d'en fermer une (vu que l'affichage est différent d'une page à l'autre, ton bug vient sûrement du code HTML).

Mais autant te prévenir tout de suite, il n'y a pas de méthode magique pour obtenir le même rendu sur tous les navigateurs, il y aura toujours des différences mineures en fonction du navigateur. En tout cas, sans captures d'écran ni codes (HTML ou CSS), on ne pourra pas deviner les "erreurs" et te donner des réponses toutes prêtes. ;)

samas92i

Sa mentonnet que sous EI sa marche a peux prêt bien ^^

passealasuite
Auteur

Merci pour vos réponses, je pense que je vais refaire tout le le CSS en vérifiant les div.
Vous me conseillerais quel navigateur sur lequel je coderais en premier?

the_sheep

moi je code premièrement sur firefox pour le module firebug
après je l'adapte a chrome, safari, opéra, ie8 (ça c'est la partie facile :) )
et après sur le terrible ... ie6 (ça c'est le plus dur :) )

passealasuite
Auteur

Lorsque je code:

header{

background:url(images/body_bg.PNG) repeat-x;
height:399px;
padding:auto;
margin:auto;
}

logo{

background:url(images/header.png) no-repeat;
width:778px;
height:366px;
position: absolute;
top:8px;
}

sur internet explorer, sa m'affiche le truque en décaler je comprend pas pourquoi! :s

passealasuite
Auteur

Merci de ta réponse! =)

the_sheep

alors valide :)