Aller au contenu

XHTML 1.1 et firefox


david1986

Sujets conseillés

Bonjour,

Je suis entrain de me faire un site perso. Après avoir fait le graphisme sous Photoshop, j'ai découpé l'image et enregistré en XHTML. Or photoshop enregistre en XHTML 1.0 Transitional. J'ai donc modifié le Doctype pour le mettre en XHTML 1.1, puis j'ai validé le code sur le site du W3C.

Et la, c'est le drame... en ouvrant la page dans Firefox, ça donne ça :

firefox.jpg

Alors que dans IE, ça rend ça :

ie.jpg

Avez vous une petite idée de comment remédier à ce probleme ?

merci

PS: le code de la page :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns=&quot;http://www.w3.org/1999/xhtml">

<head>

<title>site</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>

<!-- ImageReady Slices (site.psd) -->

<table id="Tableau_01" width="801" border="0" cellpadding="0" cellspacing="0">

<tr>

  <td colspan="17">

  <img id="index_01" src="images/index_01.jpg" width="800" height="10" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="1" height="10" alt="" /></td>

</tr>

<tr>

  <td colspan="2">

  <img id="index_02" src="images/index_02.jpg" width="18" height="23" alt="" /></td>

  <td colspan="2">

  <img id="index_03" src="images/index_03.jpg" width="73" height="23" alt="" /></td>

  <td>

  <img id="index_04" src="images/index_04.jpg" width="29" height="23" alt="" /></td>

  <td colspan="3">

  <img id="index_05" src="images/index_05.jpg" width="121" height="23" alt="" /></td>

  <td>

  <img id="index_06" src="images/index_06.jpg" width="28" height="23" alt="" /></td>

  <td>

  <img id="index_07" src="images/index_07.jpg" width="37" height="23" alt="" /></td>

  <td>

  <img id="index_08" src="images/index_08.jpg" width="31" height="23" alt="" /></td>

  <td colspan="2">

  <img id="index_09" src="images/index_09.jpg" width="116" height="23" alt="" /></td>

  <td colspan="4">

  <img id="index_10" src="images/index_10.jpg" width="347" height="23" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="1" height="23" alt="" /></td>

</tr>

<tr>

  <td rowspan="5">

  <img id="index_11" src="images/index_11.jpg" width="15" height="547" alt="" /></td>

  <td colspan="13" rowspan="2">

  <img id="index_12" src="images/index_12.jpg" width="451" height="511" alt="" /></td>

  <td colspan="3">

  <img id="index_13" src="images/index_13.jpg" width="334" height="327" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="1" height="327" alt="" /></td>

</tr>

<tr>

  <td rowspan="4">

  <img id="index_14" src="images/index_14.jpg" width="16" height="220" alt="" /></td>

  <td rowspan="3">

  <img id="index_15" src="images/index_15.jpg" width="303" height="218" alt="" /></td>

  <td rowspan="4">

  <img id="index_16" src="images/index_16.jpg" width="15" height="220" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="1" height="184" alt="" /></td>

</tr>

<tr>

  <td colspan="2" rowspan="3">

  <img id="index_17" src="images/index_17.jpg" width="30" height="36" alt="" /></td>

  <td colspan="3">

  <img id="index_18" src="images/index_18.jpg" width="96" height="27" alt="" /></td>

  <td rowspan="3">

  <img id="index_19" src="images/index_19.jpg" width="56" height="36" alt="" /></td>

  <td colspan="2">

  <img id="index_20" src="images/index_20.jpg" width="72" height="27" alt="" /></td>

  <td colspan="2" rowspan="3">

  <img id="index_21" src="images/index_21.jpg" width="68" height="36" alt="" /></td>

  <td>

  <img id="index_22" src="images/index_22.jpg" width="85" height="27" alt="" /></td>

  <td colspan="2" rowspan="3">

  <img id="index_23" src="images/index_23.jpg" width="44" height="36" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="1" height="27" alt="" /></td>

</tr>

<tr>

  <td colspan="3" rowspan="2">

  <img id="index_24" src="images/index_24.jpg" width="96" height="9" alt="" /></td>

  <td colspan="2" rowspan="2">

  <img id="index_25" src="images/index_25.jpg" width="72" height="9" alt="" /></td>

  <td rowspan="2">

  <img id="index_26" src="images/index_26.jpg" width="85" height="9" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="1" height="7" alt="" /></td>

</tr>

<tr>

  <td>

  <img id="index_27" src="images/index_27.jpg" width="303" height="2" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="1" height="2" alt="" /></td>

</tr>

<tr>

  <td>

  <img src="images/spacer.gif" width="15" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="3" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="27" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="46" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="29" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="21" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="56" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="44" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="28" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="37" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="31" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="85" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="31" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="13" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="16" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="303" height="1" alt="" /></td>

  <td>

  <img src="images/spacer.gif" width="15" height="1" alt="" /></td>

  <td></td>

</tr>

</table>

<!-- End ImageReady Slices -->

</body>

</html>

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

L'utilisation du doctype xHTML 1.1 ne sert strictement à rien si tu ne veux pas en faire une utilisation autre... Dudu l'avait mieux expliqué dans un autre sujet, mais je n'ai pas pu remettre la main dessus (pour changer !).

En gros, si tu valides ton site xHTML 1.0 strict, c'est déjà énorme.

En regardant ton code, je confirme ce que je dis avant, voire plus : tu peux valider html strict, ça sera plus en rapport avec ce que fait photoshop... :hypocrite:

A vrai dire, tu ferais même mieux d'essayer de coder toi même la page, au lieu de te faire pondre un code aussi sale par Photoshop ;)

Quant aux différences entre IE et firefox, c'est monnaie courante hélas, et c'est pour ça qu'il faut d'ores et déjà être à l'aise avec le HTML et le CSS pour pouvoir pallier toutes ces différences, et faire un site visible de la même manière sous les deux navigateurs ;)

Lien vers le commentaire
Partager sur d’autres sites

Ok ! merci !

J'ai testé en Xhtml 1.0 Strict et ça fait pareil ! ça ne marche que en Transitional :boude:

Je vais donc essayé de refaire tout moi même ; ça sera plus long mais certainement un peu mieu :)

Lien vers le commentaire
Partager sur d’autres sites

Tu peux regarder dans les articles du hub, ainsi que l'ensemble des post-its : tu trouveras pas mal de sites pour apprendre correctement le HTML, le CSS, et bien plus encore...

Bonne chance en tout cas, et n'hésite pas à repasser si tu as des questions ;)

Lien vers le commentaire
Partager sur d’autres sites

Bonjour

XHTML 1.1 pour faire du tableau à la chaîne façon 1990, le tout découpé dans un logiciel d'image :fou:

Pourquoi pas du XHTML 5.0 non plus ?

Bon, je vanne gentiment. Redevenons sérieux 2 minutes :)

Pourquoi souhaites-tu utiliser XHTML 1.1 ? Quelle est la raison ?

Pour avoir un gros-Doctype-qui-tue-sa-race ? C'est inutile. De très bons sites sont codés en HTML 4.01 Strict, ça ne les empêche d'être conformes, parfois même plus conformes que certains sites en XHTML.

=> Le Doctype qu'il te faudrait pour commencer c'est soit HTML 4.01 Transitional, soit HTML 4.01 Strict

Ensuite..

Les mises en pages en tableaux, c'est mal :twisted: Les tableaux c'est fait pour les données tabulaires, pas pour faire sa mise en page.

=> Consulter d'excellents sites tels qu'Alsacréations, Meyerweb, Openweb.. ou les publications de Webmaster-Hub aussi !

Pour finir..

Photoshop, c'est un logiciel de retouche d'image. Pas un logiciel pour créer des sites web :blink:

Le code qu'il produit est infâme, donc si en plus on pose ce code sur un Doctype XHTML 1.1 c'est la catastrophe assurée :wacko:

=> Trouver un logiciel web adéquat, ou apprendre l'HTML et le CSS pour coder manuellement (c'est toujours mieux)

Dudu l'avait mieux expliqué dans un autre sujet, mais je n'ai pas pu remettre la main dessus (pour changer !).
Raah, il retrouve jamais rien lui biggrin.gif

Récemment, je l'ai dit dans 2 discussions différentes:

Lien vers le commentaire
Partager sur d’autres sites

Raah, il retrouve jamais rien lui biggrin.gif

Récemment, je l'ai dit dans 2 discussions différentes:

<{POST_SNAPBACK}>

Ah bah voilà, c'est le deuxième message dont je me souvenais. Il faudrait demander à Dan un moteur de recherche spécial "discours de Dudu" pour moi, parce que je me souviens toujours de ce que tu dis, mais jamais du topic où tu l'as laissé...

Bon, j'avais pas osé être sec, mais tu l'as fait à ma place !

Lien vers le commentaire
Partager sur d’autres sites

[...] dans IE en xhtml 1.1 strict
C'est impossible puisqu'Internet Explorer ne sait pas les lire les documents envoyés en application/xhtml+xml :)

Les seuls documents soi-disant XHTML 1.1 (obligatoirement Strict puisqu'il n'y en a qu'un) qu'IE pourra lire c'est les documents HTML normaux auxquels on a superposé un DOCTYPE inadéquat en dépit du bon-sens ;)

Et à vrai dire, je ne comprends pas trop toute cette folie autour d'XHTML 1.1. Que des fous furieux fassent des tests avec (comme c'est le cas sur le site mozilla.org) pourquoi pas..

Qu'on l'utilise en production en 2006 à l'heure ou même IE 7 ne le lira pas, et où les moteurs de recherches le voient comme un "format inconnu" c'est vraiment chercher la complication :unsure:

Avoir un DOCTYPE XHTML 1.0 Strict valide et conforme, et respecter une sémantique parfaite c'est déjà assez dur comme ça, je trouve.

Et encore, puisque tout se remet toujours en question, même du 1.0 pose problème quand il est envoyé en text/html.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...