Scroll dans un div

Fermé
amazigh_antalas Messages postés 79 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 23 septembre 2009 - 23 juin 2009 à 15:20
nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 - 23 juin 2009 à 15:49
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 lundi 25 mai 2009 Statut Membre Dernière intervention 23 septembre 2009 4
23 juin 2009 à 15:26
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 lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
23 juin 2009 à 15:49
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 vendredi 11 juillet 2008 Statut Membre Dernière intervention 7 juillet 2010 11
23 juin 2009 à 15:29
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 lundi 25 mai 2009 Statut Membre Dernière intervention 23 septembre 2009 4
23 juin 2009 à 15:45
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