Scroll dans un div

amazigh_antalas Messages postés 79 Date d'inscription   Statut Membre Dernière intervention   -  
nEm3sis Messages postés 710 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

je voudrais mettre un scroll verticale du coté droit de ma div .

j'ai utilisé :overflow:auto; mais il me génère un scroll horizontal aussi ,et le scroll horizontal j'en veux pas .


Si vous avez une idée ,merci de men informer .

4 réponses

amazigh_antalas Messages postés 79 Date d'inscription   Statut Membre Dernière intervention   4
 
Merci ,c'est bon j'ai trouvé comment faire ,j'ai utilisé ça dans ma CSS :overflow-x: hidden; overflow-y: scroll;

maintenant ce que je voudrai savoir c'est comment changer de couleur au scrollbar?


merci
2
nEm3sis Messages postés 710 Date d'inscription   Statut Membre Dernière intervention   113
 
les scrollbars sont non modifiables d'après les standards (w3c)
donc tu n'y arrivera pas sous ff



par contre je n'ai pas compris quand tu dis que je dois enlever des pixels par ci et par làà. tu peux être plus précis stp? 
il dit juste que ta page sera diminuée de la taille de la scrollbar
2
Absinthe06 Messages postés 102 Date d'inscription   Statut Membre Dernière intervention   11
 
Salut,

normalement avec un overflow "auto", le navigateur ne te génère les scrollbar que si elles sont nécessaires. Vérifie donc que ton contenu ne dépasse pas la largeur du div, sinon tu auras obligatoirement une scrollbar horizontale.
N'oublie pas aussi de prendre en compte la taille de ta scrollbar. Ainsi, imaginons que tu veuilles afficher une image dans ta div, tu dois retirer entre 21 et 24 pixels de largeur (selon les navigateurs) a celle-ci pour ne pas avoir de scrollbar horizontale.


Sinon tu as une autre solution : overflow-x: hidden; overflow-y: scroll. Ça marche, mais pas forcément sur tous les navigateurs, et c'est pas valide W3C...

voilou ;)
1
amazigh_antalas Messages postés 79 Date d'inscription   Statut Membre Dernière intervention   4
 
Merci de m'avoir répondu aussi rapidement.

Effectivement je viens de me rendre compte que c'est pas valide w3c car en essayant de changer la couleur du scroll avec ça :
scrollbar-face-color: #006400;
scrollbar-shadow-color: #228b22;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #8fbc8b;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #eee8aa;

ça en marche que sous IE .

j'aurais besoin d'un truc pour qu'il le soit aussi au moins sous FF ;

par contre je n'ai pas compris quand tu dis que je dois enlever des pixels par ci et par làà. tu peux être plus précis stp?

merci d'avance.
1