Geckozone

Les balises sont mal interprétées.

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

Pour plus d'éléments je vais vous montrer ce qui se passe :

Voici la feuille de style utilisée pour le test :

styletest.css

html,body
{
background-color:#999999;
font-family : Verdana, sans-serif;
font-size : 10px;
}

#container {
margin-top: 15px;
margin-bottom: 15px;
width: 790px;
height:auto;
background: url(../images/container.jpg) 0 0 repeat-y;
margin-left: auto;
margin-right: auto;
border: 1px solid #FFF;
}

test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="identifier-url" content="" />
<meta name="language" content="fr" />
<meta http-equiv="content-language" content="fr, fr-be, fr-ca, fr-lu, fr-ch" />
<link href="template/css/styletest.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">dqsqqsdsdqqssd<br>qfqsfqsfqfqf</div>
</body>
</html>

test.php

<?php
include "include/common/headertest.php";
?>

headertest.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="identifier-url" content="" />
<meta name="language" content="fr" />
<meta http-equiv="content-language" content="fr, fr-be, fr-ca, fr-lu, fr-ch" />
<link href="template/css/styletest.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">dqsqqsdsdqqssd<br>qfqsfqsfqfqf</div>
</body>
</html>

Bon là j'ai enlevé le title dans la page en html, mais sur l'original elle y est la balise.

Alors avec le lien sur le test.html : IE 7.0 Firefox et Opera marchent nikel.

Avec l'include donc test.php : IE 7.0 foire mais FF et Opera marchent nikel.

Regardez les images ci dessous :

test.html FF / IE 7.0 / Opera :

Shot at 2007-07-01

Shot at 2007-07-01

test.php FF / IE 7.0 / Opera :

Shot at 2007-07-01

Shot at 2007-07-01

Voila, testez-y et dites moi si vous trouvez le mystère de IE 7.0

.

Merci à tous.

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

Anonymous a écrit :mais çà vient de l'interprétation du code xHTML de IE7.0.

Euh... IE 7 n'interprète pas le XHTML

Au mieux il sait l'analyser comme du html si tu l'envoies en text/html, et il ignore les erreurs de ton xhtml (les " />", etc) (note: Firefox fait exactement pareil).

Anonymous a écrit :Les include sont des php, mais les php sont de contenu de div, header contenu, et footer.

Pas clair tout ça... sans le moindre bout de code ou un lien d'exemple, il est impossible de dire quoi que ce soit

Anonymous a écrit :En aucun moment je n'ai parlé de l'interprétation de php,

Ah, mais vu qu'il y a des intervenants invités pas toujours identifiables, ce n'est pas évident de savoir qui a dit que le code php est mal interprété

Maintenant, cela m'étonnerait qu'IE 7 interprète mal les <div>s. Ce qui est plus probable, c'est qu'il interprète mal les CSS associés. Sans plus de précisions, il sera impossible de t'(vous)aider de quelque manière que ce soit

Code : Tout sélectionner

margin-left: auto; 
margin-right: auto;

y a pas un peu des chances que IY'euh ne comprenne pas ?
de toute façon, avec IY'euh 6, c'est sûr qu'il ne comprend pas…

Salut calimo,

c'était moi les invités tous les invités, Copyrights Kyum 2007 en CC tout de même

.

Sinon, j'ai mis les screenshots et les bouts de code, en espérant comprendre le problème ^^.

Malheureusement, je ne peux pas tester sur du IE < à 7.0. Car je ne l'ai plus, donc si quelqu'un peut ^^.

Merci à vous tous.

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

HP a écrit :
Code : Tout sélectionner
margin-left: auto; 
margin-right: auto;
y a pas un peu des chances que IY'euh ne comprenne pas ?
de toute façon, avec IY'euh 6, c'est sûr qu'il ne comprend pas

Tu veux dire qu'il ne comprends pas les margins en auto, alors poruquoi sur une page en html normale il comprends ???

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

Bon allez, un début de réponse, je triche un peu avec çà :

#container
{
margin-top: 15px;
margin-bottom: 15px;
width: 790px;
height:auto;
background: url(../images/container.jpg) 0 0 repeat-y;
border: 1px solid #FFF;
position:relative;
left:50%;
margin:0 0 0 -398px;
}

Et là, çà à l'air de passer nikel sous IE 7.0.
Le cadre blanc semble être centré en 1360*1024 en 1024*768 et en 1280*1024...

Et chez vous çà passe ?

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

Je viens de trouver un truc bizarre !!!!!

Lorsque je fasi un Afficher la source sous IE 7.0, j'ai la source de la page en html, mais j'ai des carcatères qui s'affichent en plus entre les div, ce sont des sortes de . à mis hauteur.

Et çà c'est IE qui les rajoute et donc interprète mal le code css.

D'ou çà peut venir çà, utf-8, AINSI, quel type de format ????

Quelqu'un à une idée ???

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

si vous trouvez la réponse, je serai très reconnaissant car pour le moment, le seul fautif, c'est IE.... heureusement que je suis sous FF...

zib,

il faut reprendre tout le code css et appliquer ce que j'ai appliqué dnas le conteneur, pour recentrer et cadrer au milieu, tout marche chez moi maintenant.

La maintenant je passe à la librairie GD : upload + traitement de l'image uploadée + redimensionnement + création d'une miniature + suppression de l'image qu'à envoyé l'utilisateur.

Ce qui permet deux choses : éviter d'obliger à l'utilisateur de devoir redimensionner son image et de lui imposer un format obligatoir (on oublie BMP et TIFF que eux sont complètement interdits ^^). Mais également, çà réduit l'espace disque utilisé.

zib, bonne chance, j'ai réussi à trouvé après un petit moment pour le recadrage

.

Apparement, IE 7.0 ne comprends pas les balises si elles ne sont pas dans la css.

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

j'ai pas tout compris, est-ce que tu pourrai mettre un extrait de ton code avant la modif et après???

Salut,

Le chemin vers ta feuille de style est en relatif

Code : Tout sélectionner

<link href="template/css/styletest.css" rel="stylesheet" type="text/css" />

Donc aucun des navigateurs ne va la trouver si elle est appelée depuis ton include (dans include/common...)

HP a écrit :Code:
margin-left: auto;
margin-right: auto;

y a pas un peu des chances que IY'euh ne comprenne pas ?
de toute façon, avec IY'euh 6, c'est sûr qu'il ne comprend pas

Si si, IE6 en mode " de respect des standards" c'est à dire à l'aide d'un DOCTYPE complet, comprend très bien le centrage par margin auto.

chez moi, Doctype complet… toujours… depuis quelques temps…
IY'euh sixième du nom n'a, semble t-il, jamais compris le centrage par auto…
pas de bol peut-être, mais comme il y a de simples rustines pour ce faire

de plus, rien n'empêche de mettre des bretelles avec une ceinture, surtout si ça ne se voit pas (ou presque)

Geckozone

développement et php