Mise en page différente avec IE

jlb59 · Message par **jlb59** » 06 juil. 2007, 18:53

Bonjour à tous,

J'ai un site perso http://jl.bouchez.free.fr/ mais y a un sérieux prb que je n'arrive pas à résoudre.

J'essaie en local, tout est OK.
Donc, je transfere mes fichiers.

Mais quand je visite le site avec IE et FF, il y a une sacrée différence. Surtout pour le menu de gauche.

En effet, dans une partie de mon code j'ai :

Code : Tout sélectionner

		<br /><br /><br />

		<span class="smallredtext">Liens d'Hébergement</span><br />
&nbsp;&nbsp;.: <a href="http://commander.1and1.fr/xml/order/Domaine;jsessionid=B3B621A3BC6228ABB57A80A616BCC800.TC31b?ac=OM.FR.FR357K07844T3244a" target="_blank" title="Hébergement à faible prix">1and1</a>
		<br />	<br /><br />

		<div align="center">
			<a href="http://1and1.fr/xml/order?k_id=9490432" target="_blank"><img src="http://banner.1and1.fr/xml/banner?size=4&number=1" width="125" height="125" border="0"/></a>
		</div>

	</div>

</body>
</html>

Et voilà ce que ça donne avec IE et FF.

(Désolé mais je n'arrive pas à faire afficher les captures directement dans le post.) [Modération] C'est rectifié

Franchement, je ne vois pas d'où ça vient !

Peut-être que vous le verrez plus facilement.

Merci de votre aide.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

Message par **jpj** » 06 juil. 2007, 19:22

Bonsoir,

L'idéal serait que ton site ne soit pas en maintenance. On pourrait voir tout le code.

Quel logiciel as-tu utilisé? ([Modo]C'est pour savoir dans quelle section je déplace le sujet: Nvu/Kompozer ou Développement web. jpj.)

A+

Message par **myahoo** » 06 juil. 2007, 19:26

jpj > L'adresse exacte est http://jl.bouchez.free.fr/index.php?page=1&id=Contact, comme dit sur la capture

jlb59 > L'intrus a l'air d'être Internet Explorer : il y a exactement le même rendu avec Firefox, Opera, et Safari.
En plus les erreurs de code source de la page paraissent très nombreuses (voir ici)

[Édité] À voir le code source de la page, il me semble qu'il y a (beaucoup ?) trop de JavaScript qui traîne ; en plus Internet Expl'horreur semble être traité à part.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

Message par **jpj** » 06 juil. 2007, 21:31

Re,

Sous Windows, Firefox 2.0.0.4 (sans Adblock), Opera 9.21, Safari 3.0.2 et IE 5.5 donnent le même résultat. Il n'y a qu'IE 6 et 7 qui se singularisent.

Je déplace dans "Développement web" mais tu dois t'attendre à quelques remarques pas forcément plaisantes.

jlb59 · Message par **jlb59** » 07 juil. 2007, 07:51

myahoo a écrit :jpj > L'adresse exacte est http://jl.bouchez.free.fr/index.php?page=1&id=Contact, comme dit sur la capture.

Exact.

myahoo a écrit :À voir le code source de la page, il me semble qu'il y a (beaucoup ?) trop de JavaScript qui traîne ; en plus Internet Expl'horreur semble être traité à part.

J'essayais de voir comment faire pour résoudre cela (différence de menu gauche entre IE et FF)
Les Javascripts sont utilisés vraiment au minimum. Je les ai récupérés chez l'EditeurJavaScript.
Soit dit en passant "Internet Expl'horreur" est vraiment bien nommé, et en plus, ça m'a fait rire ! Sympa comme appellation.

myahoo a écrit :L'intrus a l'air d'être Internet Explorer : il y a exactement le même rendu avec Firefox, Opera, et Safari.
En plus les erreurs de code source de la page paraissent très nombreuses (voir ici)

Je sais que IE et FF ne sont pas très copains... et on en fait les frais, mais je pense que tout prb a une solution et je trouverai !...

Concernant les erreurs du code source de la page, j'ai essayé des "DOCTYPE" différents et j'analyse ensuite

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

et j'ai toujours des erreurs.

Exemple :

Error Line 6 column 6: element "TITLE" undefined.
<TITLE>JLB59 - Page d'accueil</TITLE>

Error Line 7 column 40: there is no attribute "CONTENT".
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

Error Line 7 column 71: element "META" undefined.
...-Type" CONTENT="text/html; charset=iso-8859-1">

c'est une partie des nombreuses erreurs, mais je ne sais plus quoi faire, pourtant j'ai essayé de faire autres choses, et apparemment, c'est pas ça. Il faut bien connaître et adapter la bonne syntaxe.

Pour infos, j'ai vu un site où il y avait les logos WC3 pour le html et le css, donc en principe, le site est conforme ! et bien, avec des validateurs FR et EN (WC3), il y avait des erreurs.
Alors, comprends-moi un peu et ne m'en tiens pas rigueur parce que je suis qu'un petit amateur !

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

Message par **Benoit** » 07 juil. 2007, 15:14

Le gros problème, c'est que tu as tout en double, en triple ou en quadruple dans ta page, les en-têtes recommencent plusieurs fois au milieu !

Par exemple, la première erreur que tu cites indique probablement le fait que tu as au moins six titres au lieu d'un... pas étonnant que les navigateurs soient perdus.

Message par **chinon37** » 07 juil. 2007, 15:39

sans vouloir être désagréable (si,si), le code de la page est une vrai catastrophe!!
Le copier-coller a dû aller bon train: pas moins de 7 doctype, 8 <body> etc...
La page est bonne à mettre à la poubelle ou à être expurger de 80% de son code!!!
c'est un gag pour un site qui donne tout un tas de liens pour bien faire son site.

Ce qui me gène énormément: donner ici l'adresse d'un site qui fait des liens vers les sites de cr... et conseillent de cr.. des sharewares!!!
Si j'étais modo, je virerais illico l'adresse de ce site

electroman · Message par **electroman** » 07 juil. 2007, 16:18

Pas besoin d'être aussi radical...

Mais y'a un problème critique au niveau structurel dans la page. Il faut la récrire complètement mais en s'appuyant sur les règles du XHTML.
Un petit truc aussi : en XHTML, les balises et les attributs doivent toujours être écrits en minuscules.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

Message par **myahoo** » 09 juil. 2007, 15:48

chinon37 a écrit :Si j'étais modo, je virerais illico l'adresse de ce site

Boah, allez, pour une fois on sent qu'il est maintenu par quelqu'un qui veut le "simplifier", le rendre pluri-compatible.
Donc si au final le code source est très bon, les pages sont certifiées, et donc les erreurs ont disparu, ça fera un bon exemple pour d'autres

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

Geckozone

Mise en page différente avec IE

Mise en page différente avec IE

Qui est en ligne ?