Discussion :

[ymoreau]

Bonjour, le titre n'est pas très clair désolé.

En fait je voudrais faire une page avec un div de "menu" de largeur fixe à gauche, la hauteur dépendant du contenu, et un div de "contenu" qui occuperait tout l'espace à droite restant, et toute la hauteur.
J'avais réussi, sauf que le div de "contenu" avait une hauteur dépendant de son contenu et qui agrandissait la page.
Je voudrais que la taille de ce div ne déborde pas de la page (que la page n'ait pas besoin de scrollbar) et qu'il contienne plutôt une scrollbar.
J'ai essayé pas mal de choses, mais à part mettre une taille fixe à ce div (ce que je préférerais éviter), je ne suis arrivé à rien...

Est-ce que c'est faisable ?
merci d'avance.

[Invité]

Bonsoir,
Si j'ai bien compris, tu ne veux pas une scrollbar pour la page, mais une scrollbar juste pour le div du contenu ?

Edit : si ton problème est bien celui-là, tu peux faire ceci dans le fichier contenant du CSS:

Code :

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

1
2
3
4
5
6
 
#contenu {
	overflow:auto; 
       width: XXXpx;    /* Largeur du div */
	height: XXXpx;  /* Hauteur du div */
}

Si tu enlèves width et height, tu remarqueras que tu ne pourras pas utiliser la scrollbar.

[ymoreau]

Oui tu as très bien compris, je veux que le div ait une scrollbar, et pas la page. Le but est d'avoir le div du menu toujours visible, tandis qu'on fait défiler le contenu uniquement dans l'autre div.

Seulement j'ai aussi précisé que j'aurais préféré ne pas utiliser de taille fixe pour l'autre div. En effet sans rien préciser il s'adapte parfaitement à la largeur de la page quelle que soit la résolution, et j'aurais voulu que la hauteur fasse pareille donc.
J'ai approché ce que je voulais en mettant une taille au div avec des % seulement c'est approximatif, les marges par rapport au reste de la page ne sont pas belles etc.

Donc ma question, est-ce que l'on peut faire la même chose que ce qui est dit au dessus, sans imposer de taille au div (ou en imposant une taille qui prenne exactement la place restante, mais ça c'est pas possible je crois).

[Erwan31]

Bonjour,
oui tu peux le faire (la largeur n'est pas nécessaire mais tu dis avoir une hauteur dépendante de la hauteur de la zone d'affichage).
Mais subtituer la scrollbar du navigateur à celle de ton div est une erreur ergonomique en plus d'être inesthétique.
Mettre ton menu en position fixe (position:fixed) te permettrait d'avoir ton menu toujours affiché et faire défiler le contenu via la scrollbar du navigateur avec comme avantage de ne pas déduire de la largeur du contenu la largeur prise par la scrollbar verticale.

[ymoreau]

C'est vrai que cette solution est bien aussi, peut être plus intuitive pour les visiteurs. Par contre ça ne marche pas sur IE6 (j'ai pas le 7 pour essayer mais selon la documntation il ne le gère pas bien non plus).

Et autre problème mon div "contenu" prend du coup toute la page et passe sous mon div "menu", est-ce que je dois le décaler à la main avec une marge à gauche, ou est-ce qu'il y a une propriété qui le place bien comme il faut ?

[Macmillenium]

Bonjour,

Et autre problème mon div "contenu" prend du coup toute la page et passe sous mon div "menu", est-ce que je dois le décaler à la main avec une marge à gauche, ou est-ce qu'il y a une propriété qui le place bien comme il faut ?

Oui, un margin-left = largeur de ton menu (ou un peu plus, à toi de voir) fera l'affaire.