Forum d'entraide PHPFrance

Bonjour,

J'ai réalisé un site construit en div/css...
Ce n'est pas le premier que j'ai deja fait mais par contre c'est le premier qui me fait ce bug.

Je m'explique, sous IE, tout est parfait (difficile à croire hein ) mais sous FF j'ai un bug d'affichage mais pas tout le temps...
Ma partie centrale où ce trouve le texte se deplace vers le bas et il faut recharger la page pour qu'elle se remette à sa place, c'est à dire à coté du menu ...

Ah oui le site : http://btsig.descis.info

Merci d'avance pour vos réponses !

Albat90

Bonjour,

Tout d'abord, il ne faut pas dire qu'il s'agit d'un bug firefox, il s'agit d'une différence de rendu entre IE et FF ... c'est totalement différent.
Ce n'est pas parce que tu as développé sous IE et que tu as le rendu que tu veux sous IE que c'est FF qui bug. Je pencherais plus sur le fait que le code que tu as rédigé pour que le rendu soit OK sous IE n'est pas valide et donc, qu'il n'a pas le même rendu sur les autres navigateur, dont IE.

Sinon, avec FF 2.0.0.11, je n'ai pas le bug dont tu parles

Effectivement c'est bizarre comme problème...

Voila déjà quelques erreurs à corriger:
http://validator.w3.org/check?verbose=1 ... is.info%2F
http://jigsaw.w3.org/css-validator/vali ... is.info%2F

Et sinon ton container à une largeur auto, je serai toi j'essayerai de la fixer pour voir si ça résous le problème vu que les 2 éléments qui sont dedans sont d'une largeur fixe également.

J'irais aussi voir la magnifique propriété :hover (petit lien), ça évite les vétustes "onmouseover" et "onmouseout".

De plus, c'est mal de mettre un <div> dans un <a>.

C'est bizarre, c'est le deuxième message du genre en 24 heures, y aurait-il un rapport ? Une erreur dans un tuto quelque part ou quelque chose du genre ?

Bonjour,

Je tiens à vous remercier pour vos réponses.
Neanmoins, je ne développe en aucun cas pour IE mais pour tous les navigateurs (dont FF par défaut).
De même que j'utilise une console virtuel Mandriva pour voir les rendu sous Konkeror.
Sans parlé des sites spécialisé pour les rendu OS .

Je me suis mis rescement au margin auto pour essayer de viser toutes sorte de résolution.

Pour les <Div> dans les <a>, en effet je me suis rendu compte après post que le sujet précédent comportait les mêmes erreur. Cela ne vient eventuellement pas d'un tuto puisque j'apprend avec des livres (faudrait que je relise cette partie ).
Cependant, j'ai beau réflechir, je ne vois pas comment je pourrais faire ce genre de menu sans javascript ou flash, autrement qu'en emboitant les <div> dans les <a>.

Je vais effectuer des test et faire valider mon code html et css par W3.

Je vous tiens au courant...

PS : désolé pour le titre qui peut choquer certain d'entre vous

Albat90

Cependant, j'ai beau réflechir, je ne vois pas comment je pourrais faire ce genre de menu sans javascript ou flash, autrement qu'en emboitant les <div> dans les <a>

La technique la plus répandue consiste à utilise un <ul> comme conteneur et des <li> pour chaque option, mais tu pourrais tout aussi bien utiliser des <a> avec l'option CSS "display: block" pour le donner une largeur particulière.

Si tu vas sur http://www.cssplay.co.uk/menus/ tu trouveras des dizaines d'exemples, du plus simple au plus compliqué. Et le tout sans Javascript/Flash.

Merci de ta réponse.

Je vais m'orienter dans ta direction .
Mais tout d'abord, je dois reglé le problème de FF.
A moins que le probleme pourrait venir de là.

Ensuite, j'ai lu quelque part sur ce forum que FF chargeait le contenu avant d'avoir finalisé la page.
J'ai l'impression que l'erreur d'affichage s'effectue seulement sur les pages qui comportent des requete SQL dans la div central.
Ce n'est qu'une hypotese, après je peux me planter completement.

Ou alors, j'ai peut etre fait une gaffe avec mes if et else et du coup, à certain choix, j'ai des div qui ne se ferme pas et tout se décale.

Je vous recontacte

Albat90

Oui, soit une div mal fermée, ou éventuellement un message d'erreur qui ne s'affiche pas. Suffit d'étudier la source de la page.

Pour ce qui est du rendu, il y a clairement une différence entre IE et FF. C'est la barre du haut (div.banière -> pourquoi une classe au fait ?). Sous IE, elle s'adapte constamment à la largeur de la fenêtre, mais pas sous FF, ou il se content de la taille suffistante pour mettre le menu et le contenu l'un à côté de l'autre (et j'ai noté quelques soucis sous FF, ou la taille de la banière ne se remettait pas exactement en place, et changait lors du refresh).

Pour ce qui est de s'adapter au différentes résolutions et tailles d'écran, tu n'y est pas vraiment. En dehors de ta banière, rien n'est fluide: la taille du menu et du contenu (div.centre) sont tout ce qu'il y a de plus fixe.

Sans être indiscret, tu peux nous dire quels livres tu utilises ?

Bon je répond vite fait car je ne suis pas chez moi

Malheureusement, je suis dans l'incapabilité même de te dire le titre sans le bouquin sous les yeux
Bon après, je ne l'ai pas étudier à fond, y a beaucoup de bidouillage qui s'améliore et s'adapte aux normes avec le temps
Dommage, je n'apprend pas le CSS en cours (seulement C#, VB, java, SQL et access pour le moment :s), et le PHP sera seulement l'année prochaine donc je me débrouille avec mes expériences personnelles

Bon, pour le site, je pense que je vais tout mettre en taille fixe, comme ça je n'aurais plus de problème avec la taille de la banière et tout
Et je vais essayer de faire le menu seulement en CSS pour enlever cette enorme erreur d'emboiter les <div> dans les <a>

Je vous mettrait au courant quand tout sera en ligne pour savoir si c'est bon.
Mais après je ne sais pas si il va rester en vie trop longtemps ce site, car je ne crois pas que mes profs vont apprecier

Albat90

D'expérience, je dirais qu'un forum suffit, s'il est bien géré. C'est plus facile d'entretenir, et c'est plus facile de former une équipe de modérateurs, tous les inscrits pouvant ainsi contribuer au bazar. (et au besoin y joindre un wiki et un transfert de fichiers, par exemple).