Tab con <tr><th>.</th></tr> fissa e <tr><td>.</td></tr&

[CiodoF]

Mi speigo.
Devo cosntruire nua tabella dove la parte relativa all''intestazionie deve rimanere fissa, mentra la perte delle righe deve essere "scrollabile" se eccede ad una lunghezza prefissata.
Il tutto con una unica tabella (problemi di contenuti ed allineamenti).

Es :

<table>

<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>



<tr>
<td>1</td>
<td>24</td>
<td>3</td>
</tr>
<tr>
<td>853</td>
<td>45</td>
<td>34</td>
</tr>
<tr>
<td>987</td>
<td>983425</td>
<td>345</td>
</tr>

</table>

Grazie per il supporto.

[Federix]

Le tabelle non si "scrollano", usa i livelli o gli iframe dentro le celle.

[pierofix]

In realtà una soluzione ci sarebbe. Impostiamo innanzitutto la tabella come segue:

<table summary="Descrizione del contenuto della tabella">

   <caption>Titolo della tabella</caption>

   <thead>
      <tr>
         <th scope="col">A</th>
         <th scope="col">B</th>
         <th scope="col">C</th>
      </tr>
   </thead>

   <tbody>
      <tr>
         <td>1</td>
         <td>24</td>
         <td>3</td>
      </tr>
      
   </tbody>

</table>

Nel CSS, poi, imposterai un 'overflow:auto' al tbody:

tbody
{
   overflow:auto;
}

[nuky]

Originariamente inviato da pierofix
In realtà una soluzione ci sarebbe. Impostiamo innanzitutto la tabella come segue:

<table summary="Descrizione del contenuto della tabella">

   <caption>Titolo della tabella</caption>

   <thead>
      <tr>
         <th scope="col">A</th>
         <th scope="col">B</th>
         <th scope="col">C</th>
      </tr>
   </thead>

   <tbody>
      <tr>
         <td>1</td>
         <td>24</td>
         <td>3</td>
      </tr>
      
   </tbody>

</table>

Nel CSS, poi, imposterai un 'overflow:auto' al tbody:

tbody
{
   overflow:auto;
}

[pierofix]

Originariamente inviato da nuky

Cos'è successo?

[CiodoF]

Fatto così :

<table summary="Descrizione del contenuto della tabella">

   <caption>Titolo della tabella</caption>

   <thead>
      <tr>
         <th scope="col">A</th>
         <th scope="col">B</th>
         <th scope="col">C</th>
      </tr>
   </thead>

   <tbody style="overflow:auto; height:100px;">
      <tr>
         <td>1</td>
         <td>24</td>
         <td>3</td>
      </tr>
      <tr>
         <td>1</td>
         <td>24</td>
         <td>3</td>
      </tr>
      <tr>
         <td>1</td>
         <td>24</td>
         <td>3</td>
      </tr>
   </tbody>

</table>

Il problema è che mi trovo i tr del tbody alti 100px cadauno, mentre io intendo dargli un altezza massima (in conslusione quante righe voglio vedere) e quello che eccede poterlo scrollare.

[nuky]

Originariamente inviato da pierofix
Cos'è successo?

L'overflow nel tbody? Non è un oggetto grafico, il tbody è una suddivisione logica delle righe di una tabella, come puoi applicarci l'overflow... :master:
O solo IE non ragiona così?

[Mich_]

Originariamente inviato da nuky
O solo IE non ragiona così?

Questa affermazione e` vera. Mi permetto di correggerla.

IE non ragiona, interpreta (nel bene e nel male).
I browser standard applicano le regole definte dal W3C.

Comunque pare che se usi XHTML Strict anche IE si comporta (quasi) come gli altri.

[CiodoF]

Quindi?

Come ne posso uscire ????

[Federix]

Usa il tuo codice originale e metti dentro le celle dove vuoi far vedere il testo questo:

<tr><td height="85"><div style="overflow:scroll; width:100%; height:100%;">testo</div></td></tr>