développement et php

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Invité

Message par Invité »

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
Invité

Message par Invité »

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 :

Image
Shot at 2007-07-01

Image
Shot at 2007-07-01

Image
Shot at 2007-07-01

test.php FF / IE 7.0 / Opera :

Image
Shot at 2007-07-01

Image
Shot at 2007-07-01

Image
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
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

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é :roll:

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 :? :wink:
HP
Tyrannosaurus Rex
Messages : 2196
Inscription : 21 oct. 2004, 10:25

Message par HP »

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…

“La médiocrité obtiendra immanquablement la préséance en se travestissant des oripeaux de la bienséance.”
Kyum
Arias
Messages : 5
Inscription : 01 juil. 2007, 18:29

Message par Kyum »

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
Kyum
Arias
Messages : 5
Inscription : 01 juil. 2007, 18:29

Message par Kyum »

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 ??? :roll:

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
Kyum
Arias
Messages : 5
Inscription : 01 juil. 2007, 18:29

Message par Kyum »

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
Kyum
Arias
Messages : 5
Inscription : 01 juil. 2007, 18:29

Message par Kyum »

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
zib
Gecko
Messages : 94
Inscription : 06 sept. 2006, 20:34

Message par zib »

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...
mon site perso sur le modélisme : http://microoffshore.servlan.org
Kyum
Arias
Messages : 5
Inscription : 01 juil. 2007, 18:29

Message par Kyum »

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
zib
Gecko
Messages : 94
Inscription : 06 sept. 2006, 20:34

Message par zib »

j'ai pas tout compris, est-ce que tu pourrai mettre un extrait de ton code avant la modif et après???
mon site perso sur le modélisme : http://microoffshore.servlan.org
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Message par Asumbaa »

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.
HP
Tyrannosaurus Rex
Messages : 2196
Inscription : 21 oct. 2004, 10:25

Message par HP »

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) ;)

“La médiocrité obtiendra immanquablement la préséance en se travestissant des oripeaux de la bienséance.”
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invité