Cadre avec scroll

Version imprimable

09/12/2005, 01h24
SnickeursMan

Cadre avec scroll

Bonsoir les amis, j'aimerais savoir si c'est possibe d'ajouter un scroll dans un cadre.

Je m'explique, sur ma page web j'ai plusieurs cadre dont un qui affiche tout les commentaires d'un article via la commande include.

Hors je n'ai pas envie que la page soit au final trop longue quand les commentaires seront nombreux, donc j'aimerais ajouter sur le côté une petite barre scroll. Voilà est-ce que c'est possible, si oui pouvez m'expliquer la méthode à employer ? Dans le cas contraire à quoi dois je recourir comme méthode pour faire ce que je souhaite ?

merci d'avance

Tu peux utiliser la propriété overflow: auto; sur un cadre de taille fixe.

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
<head>
<title>Document XHTML 1.1 de base avec encodage ISO-8859-1</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<style type="text/css">
#conteneur {
        position: relative;
        width: 500px;
        height: 300px;
        border: 1px solid #000;
        overflow: auto;
}
</style>
</head>
 
<body>
 
<div id="conteneur">
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
<p>contenu d'un article</p>
</div>
 
</body>
</html>

09/12/2005, 01h47
SnickeursMan

merci c trop parfait
09/12/2005, 02h06
francis m

c'est possible en utilisant la propriété overflow:auto , mais il faut définir la hauteur du cadre sur lequel on souhaite cet ascenseur (par exemple 100% ou 500px)
edit : ah zut grillé à l'aise, la faute à mon gosse qui s'est réveillé