Discussion :

[maske]

Bonjour,

je cherche à afficher une barre de défilement verticale dans un div.

J'ai essayé d'utiliser la propriété css "overflow", ce qui m'affiche bien une barre de défilement horizontale lorsque des éléments débordent de la div, et une verticale pour les mêmes raisons.

Mon souci c'est que je ne veux que la scrollbar verticale, et pas l'horizontale : en gros je veux que mon texte passe à la ligne lorsque je déborde du cadre horizontalement, et utiliser le scrollbar verticalement.

Je ne souhaite pas utiliser "overflow-x"/"overflow-y" qui m'ont l'air d'être des propriétés bien pourries niveau compatibilité entre navigateurs.

Quelqu'un pourrait-il m'aider ?

Merci d'avance, @+

[Bovino]

Je ne souhaite pas utiliser "overflow-x"/"overflow-y"

Effectivement, ne pas utiliser la propriété qui fait ce que tu souhaites semble particulièrement judicieux.

bien pourries niveau compatibilité entre navigateurs

j'imagine que tu as essayé avant de poster

[maske]

j'imagine que tu as essayé avant de poster

Pas du tout en fait - mais de ce que j'en ai lu (rapidement et en diagonale) ça ne serait pas super compatible "partout", et ça serait "catastrophique".

Je ne suis pas développeur web, faire trop de recherche sur le sujet ne m'intéresse pas, ni de tests en fait parce que je ne suis même pas sur de pouvoir faire des tests dans des conditions qui tiennent la route (= perte de temps).

En fait j'avoue que comme ça n'est pas un problème critique, je vais attendre d'avoir une solution servie sur un plateau, si elle existe (d'ailleurs je n'ai même pas fait de recherche sur dvp).

Cette propriété marche correctement ?

=)

[Bovino]

Tout d'abord, les tests multi navigateurs sont une étape incontournable du développement Web.
Loin d'être une perte de temps, c'est avant tout une preuve de professionnalisme. Bien entendu, les tests multi plateforme sont compliqués et pas toujours réalisables car ils nécessitent différentes machines avec différents OS. En revanche, installer IE, Firefox, Opera, Chrome et Safari sur windows ne pose pas de problème et permet de s'assurer de la compatibilité pour une majorité significative de visiteurs.

Sinon, pour en revenir à la propriété overflow-y, elle est désormais compatible avec les dernières versions des navigateurs. Or, sachant que Firefox et Opera ont été les derniers à l'implémenter, mais que les utilisateurs de ces navigateurs sont habituellement habitués à effectuer les mises à jours régulièrement, on peut considérer que cette propriété est désormais quasiment cross browser.

[Xavier.vdw]

L'utilisation de Overflow:auto; combiné avec une largeur ne résoudrait pas ce problème?