Problème d'affichage avec Firefox.

Bonsoir,
Je suis en train de travailler à rendre mon site compatible au XHTML Strict.
Cependant, j'ai un problème d'affichage sous Firefox : http://www.cityloisir.com/home/musique-fiches-discographie-camille.html . Elle s'affiche comme je voudrais dans IE. Voici une image Tout est compatible xhtml transitionnal 1.0. Donc je comprends pas vraiment... Si vous pouviez m'éclairer.
Par ailleurs, dans cette rubrique aussi j'ai un problème : http://www.cityloisir.com/home/musique-fiches-view-camille.html . Encore une fois, l'affichage est différent entre les deux navigateurs. FF m'affiche le contenu à droite de la barre d'onglets, IE, me l'affiche en dessous, au bon endroit ...
D'avance mercpour votre aide

Salut

C’est le div qui suit class=newbox qui glisse dessous

Petit détail même si il passe le validateur html ( je ne sais par qu’elles miracles )
Tu as plein d’erreur au validateur CSS
Ton code est P......
Tu frais bien de lire un peux les tutoriaux d'Alsacreations

A+

Salut,
Merci de ta réponse. Que veux tu dire par "C’est le div qui suit class=newbox qui glisse dessous"
Oui, le code n'est pas bon, c'est pour ça que je le refais... D'ailleurs, ce n'est pas le code final. C'est une ébauche, après ce sera fait proprement, avec la feuille de style.
Au fait, pour le validateur CSS :
Page : http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cityloisir.com%2Fhome%2Fmusique-fiches-discographie-camille.html&usermedium=all
Feuille de style : http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cityloisir.com%2Fhome%2Frequired%2Fstyle2006.css&usermedium=all

En réalité la couleur du fond appartient au div qui est juste en dessous
Pour le voir, il suffit de rajouter
#newbox { margin-top :50px; }

Pourquoi met tu en flottants les éléments du centre ?

Pour la validation CSS quand j’ai regardé il y avais une trentaines d’erreurs

A+

Oui, en fait pour les erreurs, c'était juste une petite connerie, propre à cette page, j'avais mis float-left au lieu de float:left, et comme en fait, c'est du PHP, ça boucle et ça multiplie les erreurs. Donc c'était qu'une seule erreur
Je mets en flottant parcequ'en fait, déjà j'ai besoin d'un affichage en deux colonnes (class="moit").
Ensuite, les autres éléments, eh bien, c'est pour pouvoir afficher côte à côte le div correspondant au numéro de la piste, et le nom de la piste. Pour éviter qu'ils ne s'affichent l'un sous l'autre. Mais s'il y a mieux à faire, je suis ouvert à toute suggestion.
Bon sinon, pour l'un des problèmes de base, j'ai mis un <br clear="all" /> sous le div de la barre d'onglets, et miracle, mon problème disparait... Est ce bien ce qu'il fallait ? Sinon, j'ai aussi mis des <br clear="all" /> sous le <div> correspondant au nom des titres, mais il me met un saut de ligne avant les longs titres sous FF (visible sur la page que j'ai donnée). Je pense effectivement que ça montre que j'ai pas adopté une bonne solution à entre <div class="moit"> et </div>, mais que mettre de plus judicieux, pour obtenir un résultat similaire à celui obtenu sous IE ?
Modifié par le_fleau (27 May 2006 - 01:08)

Le problème est que ton code et incontrôlable il y a certain endroit 25 imbrications (dans des table et des div) c’est démesuré

Tu ferai mieux de reprendre ton code a la base et refaire une structure entête, trois colonnes et pied ce qui est facile.
Puis par la suite insérer le contenu dans cette structure, ce qui sera beaucoup plus faciles (même en php) que de reprendre ton code actuel par petit bout.

Et si tu a une difficulté dans cette opération la on pourras t’aider plus facilement ( si tu regarde bien sur le forum, les problèmes de ceux qui ont un code propre sont résolut très rapidement )

Si mpop est toujours en ligne il pourra sûrement confirmer


A+