[CSS] forcer affichage scrollbar verticale (sans frames!!)

Bonjour,

Je sais qu'on peut (pour une question d'estétique), forcer l'affichage du scrollbar vertical.... mais apparement lorsqu'il y a des frames.

Peut on le faire lorsqu'on utilise pas de frame? si oui comment?

Merci

en css, tu as la proproété overflow qui existes ...

Citation:

---

Envoyé par titoumimi

en css, tu as la proproété overflow qui existes ...

---

oui mais :aie: ....

Déjà je ne veux que la verticale et pas l'horizontale. Et puis je ne veux pas toujours l'ascensceur dedans moi; il est présent alors qu'aucun déplacement n'est possible.
Moi ce que je veux, c'est comme on sait faire avec les frames, forcer l'affichage de la scrollbar, et l'ascenceur en lui-même n'apparait que si nécessaire (tout ne peut pas être affiché)

bin pourtant c'est bien comme titoumimi la dit :/

Code:

---

1 2 3 4 5

div.scroll { overflow: auto; height: 300px; border: solid thin #00FF00; }

---

Code:

---

1 2 3 4 5 6 7 8 9 10

<div class="scroll"> <p>start</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>end</p> </div> <div class="scroll"> <p>start.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras aliquam, quam quis dapibus congue, dui odio posuere risus, at feugiat dolor neque at diam. Maecenas in purus. Praesent at urna id quam lobortis tincidunt. Sed quam. Mauris suscipit.end</p> </div>

---

Et tu as quoi comme affichage exactement?

tu as une url, qqch?

parce que je veux bien croire que c'est bien comme titoumimi a dit mais :roll:

Citation:

---

Déjà je ne veux que la verticale et pas l'horizontale. Et puis je ne veux pas toujours l'ascensceur dedans moi; il est présent alors qu'aucun déplacement n'est possible.
Moi ce que je veux, c'est comme on sait faire avec les frames, forcer l'affichage de la scrollbar, et l'ascenceur en lui-même n'apparait que si nécessaire (tout ne peut pas être affiché)

---

ca marche
sous IE
http://static.flickr.com/51/140728763_6092a8b098.jpg

sous ff
http://static.flickr.com/52/140728764_593d14b375.jpg

di moi tu utilise koi com navigateur ?

Firefox bien sur,

IE :boulet::sm:

Il faut que ca fonctionne sur les deux, mais j'ai d'abord testé sur firefox

voila je te met un lien ou tu pourra voir comment ca se passe. Cela fait-il ce que tu souhaite ?

Citation:

---

Envoyé par masu

voila je te met un lien ou tu pourra voir comment ca se passe. Cela fait-il ce que tu souhaite ?

---

Sous IE oui, j'ai bien ma barre verticale qui est présente et l'assenceur apparait si nécessaire.

Par contre, rien sous firefox, c'est embetant :bug:

c'est etrange que ca marche pas chez toi sous ff. Comme tu peu le voir dans ma capture ca gere de la meme maniere chez moi sous ff et ie.

Du coup je vois pas trop comment t'aider plus dsl ...

Citation:

---

Envoyé par masu

c'est etrange que ca marche pas chez toi sous ff. Comme tu peu le voir dans ma capture ca gere de la meme maniere chez moi sous ff et ie.

Du coup je vois pas trop comment t'aider plus dsl ...

---

Absolument pas 8O8O
dans ta capture on ne voit pas la scrollbar verticale sous FF!!!

Tu veux quelle scrollbar? Dans le div ou dans le navigateur? Sous FF si la page n'est pas plus grande que l'écran, il n'y a pas de scrollbar qui s'affiche.
Si tu veux l'ajouter :

Code:

---

html {overflow: scroll;}

---

c'est bien la propriété overflow normalement ca devrai passer sous firefox vu qu'il respecte plus les standarts que IE

Citation:

---

Envoyé par franculo_caoulene

Tu veux quelle scrollbar? Dans le div ou dans le navigateur? Sous FF si la page n'est pas plus grande que l'écran, il n'y a pas de scrollbar qui s'affiche.
Si tu veux l'ajouter :

Code:

---

html {overflow: scroll;}

---

---

:arf: :cfou: je crois qu'on se fou de moi....

La réponse de titoumimi (2ème dans ce topic) faisait exactement la même chose... et ma réponse (3ème dans ce topic) disait pourquoi ca me ne convient pas.

Citation:

---

Envoyé par cortex024

:arf: :cfou: je crois qu'on se fou de moi....

---

Merci de garder ce genre de remarque pour toi.
Merci de lire plus attentivement le code proposé! il y a une pelleté de <p>&nbsp;</p> afin de faire apparaître l'ascenseur. S'il n'y avait pas tout ça l'ascenseur n'apparaîtrait pas.
C'est bien ça que tu veux?

Citation:

---

Envoyé par franculo_caoulene

Merci de garder ce genre de remarque pour toi.
Merci de lire plus attentivement le code proposé! il y a une pelleté de <p>&nbsp;</p> afin de faire apparaître l'ascenseur. S'il n'y avait pas tout ça l'ascenseur n'apparaîtrait pas.
C'est bien ça que tu veux?

---

1- en parlant de lire, fais toi cette remarque pour les 2 et 3ème post :king:
2- le code proposé ne me concernait pas vu qu'il était dans le div et moi c'est la page entière qui m'interessait
3- non, depuis le début c'est le scrollbar de la page que je veux, comme masu m'a proposé dans son lien. (mais ca ne fonctionne qu'avec IE et pas firefox)

Merci.

On tourne en rond. Si on répond tous à coté c'est que le problème est mal posé. Réexplique-nous donc ce que tu souhaites, s'il te plaît.

Citation:

---

Envoyé par masu

voila je te met un lien ou tu pourra voir comment ca se passe. Cela fait-il ce que tu souhaite ?

---

ce qu'il se passe dans ce lien-ci, mais en oubliant les div;ce qui concerne la page entière.

Donc avoir un scrollbar vertical sur la page (pas horizontal!). et dans ce scrollbar, avoir l'ascenceur qui apparait uniquement si c'est nécessaire.

Donc dans le lien de masu, c'est parfait. mais ca ne fonctionne pas avec firefox.

masu n'a rien fait concernant le corps de la page. C'est le comportement par défaut de IE. Or je ne connais pas de propriété faisant ce que tu souhaites (overflow joue forcément sur les deux scrollbars).

Question subsidiaire, je n'utilise jamais les frames, comment définis-tu uniquement l'affichage du scrollbar vertical avec les frames?

en fait tu veux mettre une scrollbar verticale sur la page entiere c'est bien ca?

si oui jte file la reponse à 14h

Citation:

---

Envoyé par franculo_caoulene

masu n'a rien fait concernant le corps de la page. C'est le comportement par défaut de IE. Or je ne connais pas de propriété faisant ce que tu souhaites (overflow joue forcément sur les deux scrollbars).

Question subsidiaire, je n'utilise jamais les frames, comment définis-tu uniquement l'affichage du scrollbar vertical avec les frames?

---

ah oui tiens :lol:

j'utilise plus IE, ca en est la preuve.

oula le code pour les frames c'est très loin... j'ai un vague souvenir comme quoi c'était possible, je me trompe peut-être...

Oui, je pense que tu te trompes :mrgreen:
J'ai vu une propriété overflow-y mais ce n'est pas dans les recommandations du w3c. Ca doit donc être propriétaire IE.

Je pense bien que ce n'est pas possible. Voyons ce que dit Zitux

j'ai plus mon source sous la main mais une recherche google ca peut t'aider...

sinon je chercherai ce soir, pas le temps maintenant dsl

Citation:

---

Envoyé par Zitux

j'ai plus mon source sous la main mais une recherche google ca peut t'aider...

sinon je chercherai ce soir, pas le temps maintenant dsl

---

j'avais regardé mais je n'avais rien trouvé qui correspondait à ce que je voulais... j'espère que tu vas retomber sur ta source et que c'est bien ce que je veux :roll:

Salut Cortex.
Si j'ai bien compris ton problème, tu veux tout le temps avoir une scrollbar verticale (même si elle est inactive), quelque soit le navigateur, et quelle que soit la taille du texte contenue dans le textarea ?
(si ce n'est pas ça, alors je ne comprends pas ton problème)
Au passage, je tiens à dire que ce n'est pas très "estéthique", comme tu le prétends dans ton 1er post.


En utilisant le code ci-dessous, l'affichage par les navigateurs changent.

Code:

---

overflow: auto

---

Lorsque le texte contenu dans ton textarea est plus grand, tu as une (ou des) scrollbars qui apparraissent (sur tous les navigateurs).
IE rajoute parfois une scrollbar inactive sur le coté droit du textarea lorsque la taille du texte contenu est plus petite que la textarea ele-même (je sais pas si tout le monde a compris ma phrase, mais tant pis...).
Par contre, sur Firefox, tu n'aura les scrollbars que si elles sont nécessaires.

La seule façon d'avoir assurément ta scrollbar verticale sur Firefox est d'utiliser le code que t'ont donné ces aimables personnes avant moi, et qui n'est autre que

Code:

---

overflow: scroll;

---

Mais comme tu l'as souligné avant, il y a une barre horizontale bien moche qui apparaît aussi, et qui fout le design en l'air (quoi que ce soit minime).

Donc à toi de faire ton choix : les deux scrollbars, ou bien tu te résouds à laisser le soin au navigateur de l'afficher.

Citation:

---

Envoyé par blepeign

Salut Cortex.
Si j'ai bien compris ton problème, tu veux tout le temps avoir une scrollbar verticale (même si elle est inactive), quelque soit le navigateur, et quelle que soit la taille du texte contenue dans le textarea ?
(si ce n'est pas ça, alors je ne comprends pas ton problème)
Au passage, je tiens à dire que ce n'est pas très "estéthique", comme tu le prétends dans ton 1er post.

---

:roll: eh bien si, ca peut l'être... Ici, ce n'est pas pour le plaisir d'ajouter une scrollbar sans assenceur dans mon design bien entendu...

c'est tout simplement parce que sur mon site en php, le contenu de la plupart des pages fait en sorte qu'une scrollbar verticale est nécessaire. et pour éviter que suivant les changement de page la scrollbar verticale ne s'affiche, puis disparaisse, s'affiche,.... beh je pensais l'afficher par défaut pour garder une constate d'affichage sur l'ensemble de mes pages. alors oui, c'est estétique!


Pour toute ton explication sur l'apparition ou non de scrollbar, c'est très gentil mais je suis au courant tout de même :P. tu parlerais à un invité de passage qui n'y compre rien d'accord mais ... ;)

ce n'est donc pas possible de faire cela alors? :(

et bien c'est quand on ne cherche plu qu l'on trouve

Code:

---

1 2 3

body { overflow: -moz-scrollbars-vertical; }

---

bon ensuite faut pas essayer de valider la feuille de style.

Citation:

---

Envoyé par masu

et bien c'est quand on ne cherche plu qu l'on trouve

Code:

---

1 2 3

body { overflow: -moz-scrollbars-vertical; }

---

bon ensuite faut pas essayer de valider la feuille de style.

---

aaahh enfin quelque chose qui ressemble à ce que je veux.

Dernier petit détail, il faudrait que l'ascenceur dans la scrollbar n'apparaisse que quand il faut.

Et j'ai tapé dans google des extraits de ton code, trouve rien du tout je sais pas ou t'as été cherché ca mais c'est presque parfait :lol:

merci

Citation:

---

Envoyé par cortex024

Dernier petit détail, il faudrait que l'ascenceur dans la scrollbar n'apparaisse que quand il faut.

---

ce n'est pas deja le cas ? etrange :/

Citation:

---

Envoyé par masu

et bien c'est quand on ne cherche plu qu l'on trouve

Code:

---

1 2 3

body { overflow: -moz-scrollbars-vertical; }

---

---

C'est W3C ca ?

Par contrex cortex024 rien ne sert d'être prétentieux, de mal répondre et de prendre les gens de haut. On est ici pour s'entre aider (je pense que tu le sais vu ton statut), si on ne comprend pas c'est pê que c'est mal posé (même si en venant de lire, j'avoue avoir capté au db) mais n'ayant pas la réponse, je ne pouvais pas t'aider.

Nivo ergonomique en tt cas c'est tres moche les scroll barres, même si tu changes la css :?

en tout cas chez moi le code de masu marche sous IE 6.0 et firefox 1.5.0.3 (scroll apparente):

Citation:

---

Envoyé par masu

Code:

---

1 2 3

body { overflow: -moz-scrollbars-vertical; }

---

---

Citation:

---

Envoyé par bavibavi

Par contrex cortex024 rien ne sert d'être prétentieux, de mal répondre et de prendre les gens de haut. On est ici pour s'entre aider (je pense que tu le sais vu ton statut), si on ne comprend pas c'est pê que c'est mal posé (même si en venant de lire, j'avoue avoir capté au db) mais n'ayant pas la réponse, je ne pouvais pas t'aider.

---

je ne suis absolument pas prétentieux, la meilleure preuve est que je pose énormément de question sur ce forum :aie:. La seule chose c'est que une personne m'a reproché de ne pas lire les précédents post alors que je les ai lu et c'est justement lui qui n'a rien lu du tout, c'est juste ca ;).

Citation:

---

Envoyé par bavibavi

en tout cas chez moi le code de masu marche sous IE 6.0 et firefox 1.5.0.3 (scroll apparente):

---

scroll apparente, c'est à dire la barre sans l'ascenceur si pas nécessaire? (comme IE en somme)

Citation:

---

Envoyé par bavibavi

C'est W3C ca ?

---

toi non plus tu n'as pas tout lu, masu (que je remercie au passage pour toutes ses réponses) a très bien souligné la chose

Citation:

---

Envoyé par bavibavi

Nivo ergonomique en tt cas c'est tres moche les scroll barres, même si tu changes la css :?

---

chacun son truc, je me suis expliqué. ;)

Citation:

---

Envoyé par cortex024

Dernier petit détail, il faudrait que l'ascenceur dans la scrollbar n'apparaisse que quand il faut.

---

Bon on es d'accord, IE a par defaut le comportement que tu veux. Avec "overflow:
-moz-scrollbars-vertical" seul ff et compatibles sont affectés mais tu dis que chez toi ya toujours l'ascenseur.

tu aurai pas des heigth avec une hauteur en %?

Citation:

---

Envoyé par masu

Bon on es d'accord, IE a par defaut le comportement que tu veux. Avec "overflow:
-moz-scrollbars-vertical" seul ff et compatibles sont affectés mais tu dis que chez toi ya toujours l'ascenseur.

tu aurai pas des heigth avec une hauteur en %?

---

Non, seuls certains width sont en %, tous mes height sont défini avec une taille fixe, ou taille non défin ie qui s'ajuste seule suivant les tailles des contenants.

Chez toi, tu arrive à avoir la scroll sans l'ascenceur sur mozilla?

Citation:

---

Envoyé par cortex024

Chez toi, tu arrive à avoir la scroll sans l'ascenceur sur mozilla?

---

Oui. Exemple que j'utilise.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>test</title> <style type="text/css" media="all"> body { overflow: -moz-scrollbars-vertical; } </style> </head>   <body> </body> </html>

---

pour le visualiser ff 1.5.0.3.
je sais pas d'ou ca peu venir que tu ai toujours l'ascenceur ? DTD ou version du navigateur ?

si tu veu pouvoir valider ta feuille de style je vien de penser a un moyen

Code:

---

<body onload="document.body.style.overflow='-moz-scrollbars-vertical;'">

---

le validateur w3c n'y vera que du feu ^^

bien, pour la validation de la feuille de style, ce n'est pas très important. Merci quand même pour le ptit truc.

Oui je suppose alors que cela doit venir de la version du navigateur, je suis resté au ff 1.0.7 pour ne pas devoir me taper la barre d'outil google (j'espere que ff ne va pas commencer comme IE avec 50 millions de barre d'outils polluantes).

Citation:

---

Envoyé par cortex024

Oui je suppose alors que cela doit venir de la version du navigateur, je suis resté au ff 1.0.7 pour ne pas devoir me taper la barre d'outil google (j'espere que ff ne va pas commencer comme IE avec 50 millions de barre d'outils polluantes).

---

je comprend pas vraiement ton probleme. Tu peu entierement configurer tes barres d'outils dans ff. Si tu veu enlever la barre de recherche google tu fait un click droit>personaliser et tu glisse les elements que tu souhaite enlever dans la fenetre avec tous les boutons dispo.
Si tu n'aime pas les barre d'outils ya moyen de faire un truc super minimaliste, je trouve d'ailleur que c'est une des grande force de ff.

Non, je n'arrive pas après la bataille ! Comme je suis tombé sur ce topic avec le même problème que l'auteur et que j'ai finis par le résoudre, je donne la solution pour les suivants...
En fait, je suppose que ça revient au même que le scroll vertical soit affiché et désactivé ou qu'il soit affiché et activé, au point ou en en est ^^ Du coup, j'ai modifié la hauteur de body et de html dans le css (100 ou 101%, ça dépend comment vous vous débrouillez).
Si ça peut en dépanner hein :?