Hauteur des lignes dans un scroll

[lodan]

Bonjour,

J'ai un tbody avec la classe suivante :

Code :

1
2
3
4
.overflow500{
    height: 500px;
    overflow: auto;
}

Dans le tbody j'affiche des lignes de commandes. La hauteur de chaque ligne fait 500px divisé par le nombre de lignes.

Je voudrais que mon overflow se déclenche lorsque la hauteur de l'ensemble des lignes contenu dans le tbody atteint 500 px et que chaque ligne contenu fasse une hauteur maxi de 10 px.

Merci d'avance

[Bisûnûrs]

Tu ne peux pas avoir d'overflow dans les éléments de tableaux (table, tbody, tr, td, ...). Donc mets un div dans le td qui contient tes lignes de code, mets lui l'overflow et les dimensions que tu veux, et ça devrait fonctionner.

[lodan]

Code :

1
2
3
4
5
6
<tbody class="overflow500">
<tr>
</tr>
<tr>
</tr>
</tbody>

Si si on peut et ça fonctionne très bien.

Mais peut être pas pour ce que je demande

[NoSmoking]

Envoyé par lodan

Dans le tbody j'affiche des lignes de commandes. La hauteur de chaque ligne fait 500px divisé par le nombre de lignes.

...pourquoi un TBODY et pas une DIV

Envoyé par lodan

Dans le tbody j'affiche des lignes de commandes. La hauteur de chaque ligne fait 500px divisé par le nombre de lignes.

...pas compris la subtilité

Je voudrais que mon overflow se déclenche lorsque la hauteur de l'ensemble des lignes contenu dans le tbody atteint 500 px et que chaque ligne contenu fasse une hauteur maxi de 10 px.

ajoutes peut être juste

Code :

1
2
max-height : 500px; /* a la place de height:500px */
line-height : 10px;

[lodan]

Envoyé par NoSmoking

...pourquoi un TBODY et pas une DIV

Comment placer un DIV dans :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
<table>
<tr>
...Titre des colonnes...
</tr>
<tbody class="overflow500">
<tr>
</tr>
<tr>
</tr>
</tbody>
</table>

Envoyé par NoSmoking

...pas compris la subtilité

Mon overflow fait 500px. Si j'ai 3 lignes à afficher alors la hauteur de chaque ligne sera de 500 / 3.

Envoyé par NoSmoking

ajoutes peut être juste

Code :

J'avais déjà essayé mais ça ne fonctionne pas.

[NoSmoking]

Mon overflow fait 500px. Si j'ai 3 lignes à afficher alors la hauteur de chaque ligne sera de 500 / 3.

je crois que tu ne va pas pouvoir te passer de javascript, ou autre si les lignes sont insérées avant publication de la page.

[lodan]

Je crois aussi,

Je vais charger ma page en ajax.

Merci