Cadre avec scroll

**SnickeursMan** · 09/12/2005, 01h24

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

**balu** · 09/12/2005, 01h43

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

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**SnickeursMan** · 09/12/2005, 01h47

merci c trop parfait

**francis m** · 09/12/2005, 02h06

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é

Cadre avec scroll

HTML

Discussions similaires

Partager

Partager