div overflow dans un tableau

Bonjour,

j'ai un tableau dont la premiere ligne est fixe puisqu'il s'agit des titres de colonnes. Le contenu de mon tableau est plutot conséquent. J'aimerai donc le mettre dans un "div style="overflow:auto" afin qu'il y ai une scrollbar a droite et que le contenu monte ou descende sans affecter la ligne de titres.

mon code ressemble actuellement a ca:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<table> <tr> <td> titre </td> </tr> <div style="overflow:auto;"> <tr> <td> contenu </td> </tr> </table>

---

Cela ne donne pas le résultat souhaité. Auirez vous une idée?
J'espère avoir été assez clair.
Merci par avance a tous.

Bonne journée

Salut,

Ton code n'est sémantiquement pas valide. Le div doit être à l'intérieur d'un td

Code:

---

1 2 3 4 5 6 7

<table> <tr> <td> <div>...</div> </td> </tr> </table>

---

Bonjour,

je suis en train de regarder un bouquin sur le javascript, et j'ai justement vu un truc qui permet d'avoir une partie fixe, et une partie scrollable. Voici le code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<table><tr><div id="pub" style="position: absolute;"> titre (fixe) </div> </tr><tr> contenu </tr></table> <script language="Javascript"> var largim=61; function bougePas() { pub.style.left=parseInt(document.body.scrollLeft)+ parseInt(document.body.clientWidth)-largim-1005; //valeur à régler pub.style.top=document.body.scrollTop+300; //valeur à régler } setInterval("bougePas()",200); // 200 ms </script>

---

Je ne l'ai pas testé comme ça, surtout que la partie fixe soit une ligne de tableau, et la partie scrollable, une autre...
Ce code ne marche qu'avec IE ; si tu veux qu'il marche aussi sur NS, il faut en rajouter (je peux tout t'indiquer).

Vu le msg que je n'avais pas vu et qui vient d'arriver, je corrige mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<table><tr><td><div id="pub" style="position: absolute;"> titre (fixe) </div></td> </tr><tr> contenu </tr></table> <script language="Javascript"> var largim=61; function bougePas() { pub.style.left=parseInt(document.body.scrollLeft)+ parseInt(document.body.clientWidth)-largim-1005; //valeur à régler pub.style.top=document.body.scrollTop+300; //valeur à régler } setInterval("bougePas()",200); // 200 ms </script>

---