Aiuto scroll

[mrivan]

Ciao a tutti non riesco a visualizzare lo scroll xchè?
mi potete dare una mano?
Grazie.


Qui sotto vi posto il codice :


<div style="width:100%;height:30px;">
<TABLE SUMMARY="uno due tre quattro cinque sei" border="1">
<CAPTION>
Tabella banale
</CAPTION>
<THEAD>
<TR><TD>Primo</TD><TD>Secondo</TD><TD>Secondo</TD></TR>

</THEAD>
<TBODY style="height:50px; width:70%; overflow:auto" >
<TR><TD>uno</TD><TD>due</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>

<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>

<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
</TBODY>

</TABLE>

</div>

Grazie ancora.

[Federix]

overflow:auto; dev'essere legato al <div> e non al <tbody>.

[mrivan]

non s vede lo stesso anche se faccio cosi:


<div style="width:100%;height:30px;overflow:auto;">
<TABLE SUMMARY="uno due tre quattro cinque sei" border="1">
<CAPTION>
Tabella banale
</CAPTION>
<THEAD>
<TR><TD>Primo</TD><TD>Secondo</TD><TD>Secondo</TD></TR>

</THEAD>
<TBODY style="height:50px; width:70%; " >
<TR><TD>uno</TD><TD>due</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>

<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>

<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
</TBODY>

</TABLE>

</div>

Ciao Grazie.

[mrivan]

Ok ora la vedo ma ora il nome delle colonne si muovono con tutta la tabella.
Io volevo l'intestazione ( nome delle colonne ) fisse che nn si muovevano . come si puo risolvere questo problema?ù

<div style="width:100%;height:30px;overflow:auto;">
<TABLE SUMMARY="uno due tre quattro cinque sei" border="1">
<CAPTION>
Tabella banale
</CAPTION>
<THEAD>
<TR><TD>Primo</TD><TD>Secondo</TD><TD>Secondo</TD></TR>

</THEAD>
<TBODY style="height:50px; width:70%; " >
<TR><TD>uno</TD><TD>due</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>

<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>

<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
</TBODY>

</TABLE>

</div>

Ciao Grazie.

[Federix]

Allora devi fare un altro <div> sopra tabella banale con le sole intestazioni.

[mrivan]

Cosi non succede nulla perche?


<div style="width:100%;height:30px;overflow:auto;">
<div>
<TABLE SUMMARY="uno due tre quattro cinque sei" border="1">
<CAPTION>
Tabella banale
</CAPTION>
<THEAD>
<TR><TD>Primo</TD><TD>Secondo</TD><TD>Secondo</TD></TR>

</THEAD>
<TBODY style="height:50px; width:70%; " >
<TR><TD>uno</TD><TD>due</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>

<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>

<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
</TBODY>

</TABLE>

</div>
</div>

[Federix]

Intendevo sopra il <div> che contiene tabella banale

<div style="width:100%;height:30px;">
<TABLE SUMMARY="uno due tre quattro cinque sei" border="1">
<CAPTION>Tabella banale</CAPTION>
<TR><TD>Primo</TD><TD>Secondo</TD><TD>Secondo</TD></TR>
</TABLE>
</div>
<div style="width:100%;height:30px;overflow:auto;">
<TABLE>
<TR><TD>uno</TD><TD>due</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
<TR><TD>uno</TD><TD>due</TD></TR>
<TR><TD>tre</TD><TD>quattro</TD></TR>
<TR><TD>cinque</TD><TD>sei</TD></TR>
</TABLE>
</div>

Prova così!!!!

[mrivan]

si ok ho ottenuto l'effetto desiderato ma le colonne del primo div nn sono allineate con il secondo div.
Come si potrebbe sistemare anke questo problema .
Grazie