Discussion :

[brokenleg]

Bonjour,

Je développe actuellement un site en php html et css. Le site est la pour de la gestion de stock. J'ai un petit soucis qui m’empêche d'avancer.
Ayant plus de 1000 pièces en stocks je remplis avec du PHP mon tableau le soucis c'est que la page devient pour le coup extrêmement longue je souhaite donc que la hauteur de mon tableau ne bouge plus. Et qu'il y est une scrollbar vertical.
J'ai tenté height mais ce la ne marche pas que se soit en px ou %.

Auriez vous une idée?

voici le CSS

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
table
{
	width: 95%;
	/*display: inline-block;*/
    border-collapse: collapse;
    text-align: center;/*on centre les éléments dans les tables*/
    margin: auto;/*les marges sont ajustés automatiquement*/
}
thead{
}
tbody{
	height: 300px;
	overflow-y: scroll;
}
tfoot{
	margin-bottom: 10px;
	height: 20px;
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
}
caption{
	margin-bottom: 2%;
	font-size: 180%;
}

[Baptiste457]

Salut,

Quand tu manipules des éléments, ils ne bougeront pas tant que tu ne leur donne pas des indications de base quand à leur comportement, leur position... La pluspart de tes divs, li, etc ne bougeront pas tant que tu ne leur définis pas un height, une width, un display, un position:relative,ou autre selon les cas. Toute cela est très précis mais tu vois le fonctionnement.

Ajouter

Code :

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

inline:block;

à ton tbody

Code :

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

1
2
3
4
5
tbody{
        display:block;
	height: 300px;
	overflow-y: scroll;
}

va peut-être aider!