pb positionnement menu

Invité
Invité n'ayant pas de compte PHPfrance

20 mai 2007, 13:52

Bonjour,
j'ai récupré un template css qui est à l'origine comme ceci
http://tutorials.alsacreations.com/mod ... luide.htm

J'ai voulu rajouter un div pour contenir un menu de navigation, comme ceci

http://82.227.167.30/lrb/demo1/


Mon pb est que sous ff, le div de navigation n'est pas placé après un "retour à la ligne", comme on pourait l'attendre de deux éléments de type bloc placés à la suite.
Au contraire la navigation est affichée inline et je ne comprends psa pour quoi.
Sous ie, pas de pb.

Merci pour vos réponses.

Invité
Invité n'ayant pas de compte PHPfrance

20 mai 2007, 14:07

de même ici:

http://82.227.167.30/lrb/demo2/


Mon bloc test qui a une bordure épaisse de 1000px pousse bien son conteneur vers la droite dans ie, pas dans firefox. Comment forcer le conteneur de "test" à s'élargir à droite jusqu'à la fin de l'écran?

Eléphanteau du PHP | 25 Messages

20 mai 2007, 14:45

Bonjour,
Déja, il faut savoir que firefox respecte bien plus les recommandations du w3c que ie. ^^'
Ce qu'il faut, c'est avoir l'affichage que tu souhaites sous firefox et seulement ensuite, essayer d'avoir le meme sous ie.
Donc, si tu as une difference d'affichage entre les deux (chose que l'on a pratiquement toujours...), je te conseille cette astuce :

Code : Tout sélectionner

html body #conteneur #centre div{ /* regles pour firefox et ie */ } * html body #conteneur #centre div{ /* regles pour ie5+ seulement*/ }
Normalement, c'est impossible de mettre le selecteur universel * avant l'element racine html mais ie attribue un parent implicite à l'element html. Cette petite bidouille m'a été souvent assez pratique.

Ensuite, ce n'est pas un bordure de 1000px mais une largeur de 1000px que tu as mis.
http://www.chez-lelex.com est un site que je commence, je n'ai que 4 feuilles de styles differentes mais je compte en rajouter.
Petit conseil: Lorsque tu declares une balise <a> avec une href vide, je te conseille de placer un # : <a href="#">lien</a>. Ca te permettra de respecter les recommandations du w3c sur l'xhtml strict.

En esperant t'avoir aidé.

Cordialement

Invité
Invité n'ayant pas de compte PHPfrance

20 mai 2007, 19:39

effectivement, cette astuce va m'être très utile.
Par contre le layout que j'ai récupéré est supposé être un "standard" en termes de conception, car il vient de alsacéations.
Je n'ai ajouté qu'une balise div pour créer un espace de menu, à la suite du div header.
Pourquoi ces 2 div ne s'affichent pas à la suite dans ff?