Geckozone

Bonjour, j'ai un problème d'affichage sur mon site web que j'essai de faire compatible aussi bien sous firefox que sous ie; cependant je viens de remarquer un problème, en effet le texte sur ie va très bien, cependant sous firefox le "les personnages" passe sous la vignete du premier perso: j'explique en image:
là sous ie tout est bien => ici
mais sous firefox le "les personnages" se décale => là
Et je ne trouve vraiment pas de quoi ça peux venir... et en plus c'est pareil à la page des openings/endings, le titre descend par rapport à la "construction" originale.
Je vous remerci d'avance pour vos réponses,
Kévin.
ps: désolé d'avoir mis les liens j'ai pas réussi à inserer les images...
pour le décallage j'ai demandé à un copain qui a firefox aussi, il le voit, et l'adresse de mon site,là

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

Ouh là, il y a quand même des erreurs dans le code source, va falloir les corriger pour assurer la compatibilité

:
http://validator.w3.org/check?uri=http: ... nages.html

En plus il y a un espace dans le nom du fichier désignant la page, et ça c'est plutôt à éviter (car dans les adresses HTTP, l'espace n'existe pas).

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

à mon humble avis, c'est dû à un positionnement absolu de tous les div qui sont posés les uns sur les autres.
Il aurait été plus judicieux d'avoir une page mieux structurée avec des positionnements dans le flux.
De plus, on a affaire à une divite aigüe. Ce n'est pas contagieux, mais pas non plus judicieux.

exemple:
on voit un div pour uniquement le titre "les personnages", puis un div pour chaque personnage.
le div "contenu" aurait dû être utilisé pour l'ensemble "à fond bleu" et à l'intérieur, insérer les images avec la légende à gauche.(sans nouveau div)

chinon, normalement le bloc à fond bleu doit être un <ul><li>, c'est bien une liste de personnages, s'il veut le titre "les personnages " à tout cet <ul>, il devrait faire

Code : Tout sélectionner

soit :
<ul>
      <li>Les personnages</li>
             <ul>
                    <li>personnage 1</li>
                    <li>..................2</li>
                    <li> etc..............</li>
              </ul>
       </li>
</ul>
soit :
<dl>
        <dt>les personnages</dt>
                <dd>
                         <ul>
                                 <li>personnage 1</li>
                                  <li>etc...</li>
                          </ul>
                  </dd>
         </dt>
</dl>

(chaque <li> contient image et lien, bien sûr y'a du style à faire pour avoir l'affichage voulu)
Après tout, le 1er moyen pour avoir un titre, est mieux (impossible à part ça, d'utiliser <ul> pour donner un titre de liste, ce titre peut aussi être un header (h1, h2 etc...) mais il faut l'accorder avec la liste (ouais, sans doute encore mieux, après tout...)
Mais ce site a été fait avec un éditeur web un peu colonialiste :

Extension Html validator a écrit :
"Document content looks like html proprietary"

Pas de doctype (DW fait pas ça, quand même), Ichigo, il faut donner un doctype à cette page pour aider les navigateurs.
Si tu veux des précisions, demande, et le texte qui se glisse sous l'image ne sera plus qu'un mauvais souvenir.

<edit>le fond bleu est attribué à <dl> ou à <ul></edit>
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

Salut, je vous remerci tous pour vos réponses, j'ai décidé de refaire mon site en xhtml, d'ailleurs, je viens de terminer la page d'accueil; une fois qu'il sera refait; je pense que il n'y auras plus de problème de ce genre

Kévin.

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

Geckozone

Problème affichage firefox

Problème affichage firefox