[W3C] [PHP, CSS et W3C] Menu dynamique qui ne s'affiche pas sous Firefox

**kervano** · 31/05/2007, 16h41

Bonjour,

(Je ne savais pas trop ou poster étant donnée que mon menu utilise à la fois du php, un script java, et du css).

Je suis en train de retravailler mon site, donc celui-ci est provisoirement mis sur le serveur d'une amie.

Voici le lien de mon site en test (ne pas se fier au design, ni au onglet qui parte vers la droite, c'est normal...)

Les onglets ont disparut...

J'ai par ailleur constater que le fait de remplacer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

me permet de retrouver mes onglets sous Firefox, mais cela provoque un autre problème à savoir que le site n'est plus centré sous IE quand je change de résolution, exemple en 1280*1024 le site est à gauche sous IE avec les onglets, en revanche sous Firefox il est centré et il y a toujours les onglets.

Donc comment faire pour avoir mon site centré sous FF ou IE et avec les onglets et quelques soit la résolution...

J'ai l'impression que c'est un problème de standard W3C (mais je ne suis pas assez calé).

J'ai aussi entendu parlé d'un mode Hack permettant de faire fonctionner le site correctement sous IE mais aussi sous FF.

**blueice** · 31/05/2007, 16h54

Il ne faut pas changer les doctype !
Et chez moi je ne vois strictement rien, pas de design non plus...

**FlorentG** · 31/05/2007, 16h54

Envoyé par kervano

Bonjour

Salut

Envoyé par kervano

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

Ca faut éviter de faire. Il vaut mieux mettre un doctype complet, et de préférence strict, pour basculer les principaux navigateurs en mode standard et éviter les inconsistences. Maintenant s'il faut valider le code ça va être marrant.

Envoyé par kervano

mais cela provoque un autre problème à savoir que le site n'est plus centré sous IE quand je change de résolution, exemple en 1280*1024 le site est à gauche sous IE avec les onglets, en revanche sous Firefox il est centré et il y a toujours les onglets.

Voilà, ça a basculé IE en mode "quirks" et retrouve un mode de fonctionnement type IE5 avec tous ses bugs et problèmes

Envoyé par kervano

avec les onglets et quelques soit la résolution...

Le problème viens du script que tu as utilisé :

Déjà il est entièrement en javascript, et assez merdique T'as un seul niveau, alors ça ne sert à rien de le faire en javascript, une liste + des CSS te permetteront d'arriver au même résultat
Uniquement en JS, il est évidemment invisible pour ceux qui le désactivent ou pour les moteurs de recherche (heureusement qu'il est repris à gauche)... D'ailleurs deux fois le même menu, est-ce important ?
?????
PROFIT !!!

**kervano** · 31/05/2007, 18h31

En fait je me suis mal exprimé, le DOCTYPE par default était :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

Que j'ai remplacé par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Déjà il est entièrement en javascript, et assez merdique T'as un seul niveau, alors ça ne sert à rien de le faire en javascript, une liste + des CSS te permetteront d'arriver au même résultat

En fait je tourne sous oscommerce et j'ai utilisé une contribution, effectivement je n'ai qu'un seul niveau, mais je compte faire des catégories et sous catégores, de plus les titres des catégories et les produits, provienne d'une base de donné, donc il faudrait que ton menu en css puisse interroger la bdd je doute fort que cela soit simple à faire...

**kervano** · 01/06/2007, 22h58

Au vue des erreurs vis à vis de tidy, pouvez vous me dire si elles sont critiques? j'ai constaté que cela concernait en majorité des td, ca se corrige comment?

**kervano** · 02/06/2007, 13h06

Bonjour,

Je vais exposer le problème autrement, j'ai remis le doctype comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

J'ai maintenant le menu dynamique qui s'affiche à la fois sous IE et Firefox, donc aucun problème puisque c'est ce que je souhaite, en revanche maintenant comme vous pouvez le constater sous IE et avec une résolution de 1280*1024 le site se positionne à gauche alors que sous Firefox le site est parfaitement centré... Donc en gros, comment centrer le site sous IE en 1280*1024 et ainsi éviter qu'il ne parte vers la gauche...

**blueice** · 02/06/2007, 15h41

Ton DOCTYPE est incorrect !

**kervano** · 02/06/2007, 17h54

Bonjour,

Tu sembles dire que mon doctype est incorrecte, pourtant c'est le doctype que l'on trouve dans toutes les boutiques oscommerce, pour preuve la demo officiel d'oscommerce :

http://demo.oscommerce.com/?language=de

**blueice** · 02/06/2007, 18h58

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

Déclaration correcte.

**kervano** · 03/06/2007, 01h55

En tout cas je n'arrive pas à comprendre pourquoi oscommerce qui est mondialement connu n'utilise pas le w3c...

Sinon vis à vis de mon problème tu ne verrai pas une solution par hasard? c'est assez frustrant d'être bloqué à cause de ca.

**blueice** · 03/06/2007, 08h43

Utilise un Doctype correct, corrige ta page en fonction et si IE pose un problème, fait une feuille de style qui corrige les problème rien que pour IE.

**kervano** · 03/06/2007, 14h25

Bonjour et merci,

Utilise un Doctype correct, corrige ta page en fonction et si IE pose un problème, fait une feuille de style qui corrige les problème rien que pour IE.

Le doctype correct c'est bien celui-ci?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Enfin vis à vis de mon cas je parle (il n'y a pas d'autres doctype?)

Pour établir la feuille de style, je ne sais pas du tout comment faire, pardonne moi d'être stupide, mais je fais comment?

[W3C] [PHP, CSS et W3C] Menu dynamique qui ne s'affiche pas sous Firefox

HTML

Discussions similaires

Partager

Partager