Rechercher : dans
Par :

Scroll dans un div

Dernière réponse le 23 jun 2009 à 15:49:16 amazigh_antalas, le 23 jun 2009 à 15:20:30 
 Signaler ce message aux modérateurs

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 .

Configuration: Windows XP
Firefox 3.0.11

Meilleures réponses pour « scroll dans un div » dans :
Créer une DIV avec transparence VoirLes DIV transparents en CSS Vous voulez rendre une DIV transparente ? Rien de plus simple, il suffit d'utiliser une des techniques CSS suivantes : Rendre le DIV ainsi que le contenu transparent Le div lui même sera transparent, mais aussi...

1

amazigh_antalas, le 23 jun 2009 à 15:26:36

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

Répondre à amazigh_antalas

2

Absinthe06, le 23 jun 2009 à 15:29:30

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 ;) "Un con qui roule va plus loin qu'un intellectuel assis..."
Absinthe, game designer, graphiste, et webmaster à ses heures perdues...

Répondre à Absinthe06

3

amazigh_antalas, le 23 jun 2009 à 15:45:18

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.

Répondre à amazigh_antalas

4

 nEm3sis, le 23 jun 2009 à 15:49:16
  • +1

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

Répondre à nEm3sis