[CSS] overflow : scrollRésolu/Fermé

Question

Bonjours, J'ai un ami qui me demandais cela, mais vu que ca fait pas mal de temp que je ne touche plus aux mise en page et que j'ai un peu une mémoire de poisson rouge... je me demandais si certain d'entre vous pouvais m'en dire plus sur son problème. Voilà, dans un site, en page d'intro, il veut faire un petit encadré avec du texte dedans. L'encadré ne doit pas dépasser une certaine taille et donc il faut que les scrollbar s'active en fonction de la longueur du contenu. Voici son code : page d'acceuil

// Un texte Bidon d'un certain nombre de lignes

Voilà, le résultat de ce code est que le texte apparait bien mais l'encadré est élargi à l'ensemble du texte et devient donc trop grand - au lieu de faire les taille indiquées dans la classe. Sauriez vous pourquoi et comment remédier à cela ? Merci d'avance à vous. :)

Vbs · Accepted Answer

je te conseille un overflow:auto;

Comme ça si le contenu ne dépasse pas  du cadre, la barre de défilemenent n'apparaît pas.

kij_82 · Answer

Edit :  Problème résolu : faut pas mettre ca dans une classe mais dans un style...Merci à vous :)

Artis.psyko · Answer

C'est un peu vieux, mais quand même. :p

coupe{
overflow:scroll
} 

Il manque simplement le point virgule à la fin je pense. ^^

Et en passant la balise font c'est bof. Il faudrait plutot définir la couleur dans le css :
p {
   heigth: 100px;
   text-align: justify;
} 
.coupe {
   overflow: scroll;
   color: white;
}

Isa · Answer

salut,

ton message date de loin mais je suis tombée dessus et ne peut m'empêcher d'y répondre...
ce n'est pas 'heigth' mais 'height' qu'il faut ! lol

allez, bye

SitaJONY · Answer

Houa un vrai hasard que je passe ici mdr je sais même plus pourquoi je suis venu lol.
Je savais pas qu'on pouvait ajouter un scrollbar dans une balise, je savais qu'on pouvais supprimer le scrollbar d'une page mais pas ajouter/supprimer d'un objet DIV...
Sa va beaucoup m'aider pour mon Chat maintenant jèspère qu'on peut récuperer la valeur du scroll même pour un DTD Strict XHTML 1.0...
overflow tout simplement et moi qui galerais à mettre le chat en pleine ecran et supprimer le scrollbar de la page pour pas qu'on voit les conversations dépasser XD... Bon je me comprend merci :D

PsYcKaChU · Answer

Met tes balies

dans une div avec une height definie et en overflow:auto

Sucré Salé · Answer

Il semble que la propriété "overflow:auto" ne fonctionne pas sous iphone ipod et ipad.
Sinon cela est la meilleur solution, ça marche même sous IE.....

[CSS] overflow : scroll

7 réponses

Discussions similaires

Newsletters