5568 sujets

Sémantique web et HTML

Affichage incompatible entre différent navigateur

Bonjour,

Je viens d’héberger mon site internet, et je remarque une incompatibilité quand je l'exécute sur internet explorer et encore un peu moins (des tableau blanc lors de la navigation) sur google chrome.(aucun problème avec firefox)

site : www.mabty.com


Quelqu'un saura me proposer des solutions ?

Merci d'avance.
Problème : moteur qui interprète le html différent suivant les navigateurs.

Solutions :
- tester tout le temps sous plusieurs navigateur.
- faire du code spécifique par navigateur dans les cas nécessaire (détection du navigateur en javascript)
- faire du code qui suit les standard W3C
Bonjour,

j'avais déjà lu la même réponse sur un autre poste, elle m'est vrmt pas d'une grande utilité mnt.

mais merci qd mm .
Refaire ta mise en page en laissant tomber les tableaux (technique des années 90). Smiley cligne

P.S. : essaye de faire des phrases correctes sans abréger, sinon il y a des personnes sur ce forum qui ne vont pas comprendre tes messages. Smiley cligne
Modifié par Patidou (17 Apr 2012 - 15:59)
samihweb a écrit :
P
- faire du code spécifique par navigateur dans les cas nécessaire (détection du navigateur en javascript)

Euh non, mille fois non.
Patidou a écrit :
Refaire ta mise en page en laissant tomber les tableaux (technique des années 90). Smiley cligne

P.S. : essaye de faire des phrases correctes sans abréger, sinon il y a des personnes sur ce forum qui ne vont pas comprendre tes messages. Smiley cligne


c pas très pratique comme solution :s

mais tu peux voir la différence sur internet explorer, la mise en page change complètement.

mème avec des meta de compatibilité :
<meta http-equiv="X-UA-Compatible" content="ie=8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">

mais ca marche pas
Bonjour.

Le comportement d'IE est normal. Tes pages n'ont pas de doctype correct.

En l'absence d'un tel doctype, IE bascule en mode quirks et n'utilise pas le même box model que les autres navigateurs (et d'ailleurs, sans doctype correct, chaque navigateur bascule dans un mode de rendu natif (quirks) qui lui est propre et est susceptible d'afficher les pages avec des différences).

Explication ici :

http://www.siteduzero.com/tutoriel-3-12585-introduction.html

et ici :

Choix d'une DTD: le doctype switching n'est pas pour nous


Un doctype correct est la première chose à faire pour obtenir un rendu uniforme dans tous les navigateurs.

Les doctypes :

Les DTD HTML4.01, XHTML1.0 et HTML5 : quel doctype choisir ?

Sinon, je ne peux que réitérer ce que d'autres intervenants ont dit :

Patidou
a écrit :

Refaire ta mise en page en laissant tomber les tableaux (technique des années 90).


Ton site n'a que quelques pages, c'est quand même pas la mer à boire.

Et s'agissant d'un site sur lequel tu exposes tes compétences professionnelles, dont le HTML et le CSS, ton code (qui date aussi des années 90), fait naître un doute sur tes compétences en la matière (si tu ne sais pas à quoi sert un doctype...), et un doute sur une compétence peut en amener sur d'autres.

Il ne semble donc qu'il est nécessaire pour toi de refaire tes pages avec un code HTML/CSS moderne (pour le JavaScript, je ne suis pas compétent).

Pense aussi à passer ton code au validateur.
Modifié par thierry (17 Apr 2012 - 21:44)
Bonjour,

merci pour votre réponse,

j'utilise déja un doctype correct pour mes pages (apparemment tu n'as pas jetté un coup d'oeil sur le code Smiley smile )

après je crois que c'est un problème de widget( j'en ai insérer deux sur deux pages) que ie intérprète très mal.

pourrais je avoir de l'aide par rapport a ca.


pr les tableaux, c mon choix Smiley smile
Merci Patidou,

quand j'ai ajouté l'esemble : 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	   "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
	   "http://www.w3.org/TR/html4/frameset.dtd">

mes pages se sont complètement déformé.

mon code a la base :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Salut,

Dans une même page, il faut choisir un seul doctype, pas plusieurs.

Dans ton cas, ton doctype était amputé de l'URL : il suffit seulement de l'ajouter, de façon à obtenir ceci :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Modifié par Victor BRITO (17 Apr 2012 - 20:44)
Merci pour ta réponse,

une fois que j'ajoute le reste du code, ma page s'aligne complètement a droite :s
J'avais également le même problème lors de la création de mon site (www.clubsiteinternet.com) Le problème est que les navigateurs interpretent les codes de manieres differentes. Ce que Firefox va voit comme une erreur mineure et donc ignorer sera un grand probleme chez Explorer. Le conseil que je vous donne est d'accéder au code source de votre site web et le lire ligne par ligne pour détecter ce qui ne va pas.
Merci,

mais avec ces gabarits, c'est difficile de retrouver la mise en forme que j'ai (j'ai mis bcp de temps pour avoir ce résultat)
Sujet clos
Aller à