Débordements du menu horizontal

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Débordements du menu horizontal

Message par calimo »

Sur le site des extensions, lorsque vous diminuez la taille de la fenêtre ou que vous augmentez la taille de la police, à un moment le menu horizontal ne tient plus sur une ligne, il déborde et ce qu'il y a en trop passe à la ligne. C'est assez embêtant :?

J'essaye donc de mettre en place un moyen d'éviter ça. Sur la page http://extensions.geckozone.org/tests/Accueil.htm il y a un début d'essai.
J'ai fixé :

Code : Tout sélectionner

#menu_horizontal {
	overflow:auto;
	height:1.8em;
	width:100%;
Sur Opera et IE, lorsque ça déborde, ce qu'il y a en trop passe à la ligne, mais au lieu d'agrandir le menu et de cacher le titre, une barre de défilement verticale apparait. C'est très bien, je pense que c'est une bonne idée, on mettra les éléments en trop en double avec le menu vertical.

Mais : dans Mozilla, cette barre de défilement n'apparait pas, et les éléments en trop sont tout simplement "perdus" :shock: :? :(

Quelqu'un a une idée pour faire apparaitre cette barre de défilement ? Ou alors a une toute autre idée sur la manière de résoudre le problème ?

Merci d'avance :wink:
KissCoolMan
Salamandre
Messages : 37
Inscription : 16 févr. 2005, 18:09

Message par KissCoolMan »

En fait, à priori, ils sont pas perdus, ils sont en dessous ... mais ne peuvent s'afficher par manque de place :p !

Alors, faut que tu vires le height sur la barre bleue là, et que tu définisses la hauteur juste avec des paddings !

Comme ça, à priori, quand ca débordera, ca passera en dessous, avec la barre bleue s'agrandissant verticalement :p !
Kévin Descoubes
kevindescoubes[-at-]gmail[-dot-]com

http://kevin.descoubes.free.fr/kisscoolblog/

Get Firefox : http://getfirefox.com/
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

:lol:
Justement, c'est ce qui se passe maintenant sur le reste du site, et ça ne va pas parce que si ça déborde et passe sur la ligne du dessous, 1) il cache le titre 2) un bout est caché par le menu vertical.
C'est pour ça que je cherche une autre solution, et que j'ai choisi de limiter la hauteur. Dans IE et Opera j'ai une barre de défilement qui apparait, mais pas dans Mozilla. Donc : j'aimerais bien trouver comment faire apparaitre cette barre de défilement dans Mozilla :roll: (ou trouver une autre solution, mais pas garder la solution actuelle qui est vraiment mauvaise)
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités