Newsgroup: it.comp.www.html
Titolo: Scroll in una cella di una tabella

Salve a tutti, stò realizzando un sito "impaginando" le singole pagine in
una table invece dei frame. Vorrei però che la table fosse sempre della
stessa dimensione, invece se in una cella non entra il testo la tabella si
allunga facendo comparire sulla dx della pagina la barra di navigazione. Io
vorrei che questa barra apparisse all'interno della cella in cui non entra
il testo, è possibile questa cosa? Spero di essermi spiegato bene... Grazie
mille a chi mi darà una mano!
Ciao
Gianluca

Alesiani Gianluca ha scritto:

Ciao Gianluca,
    ecco qui come fare una cella di dimensioni fisse con barre di scorrimento
(compaiono solo se necessario):
<td style="width: 200px; height: 400px; overflow: auto">
Saluti,
    SantaKlauss

     SantaKlauss
Ciao SantaKlauss,
    ti ringrazio moltissimo del suggerimento, ma purtroppo non funziona...
Forse sbaglio qualcosa... Devo inserirlo direttamente nel comando per creare
la colonna o devo anche mettere un richiamo sui css o nel tag head? Grazie
di nuovo
Ciao
Gianluca

|ecco qui come fare una cella di dimensioni fisse con barre di
|scorrimento (compaiono solo se necessario):
| <td style="width: 200px; height: 400px; overflow: auto">
Alesiani Gianluca ha scritto:
| Ciao SantaKlauss,
|     ti ringrazio moltissimo del suggerimento, ma purtroppo non funziona...
| Forse sbaglio qualcosa... Devo inserirlo direttamente nel comando per creare
| la colonna o devo anche mettere un richiamo sui css o nel tag head? Grazie
| di nuovo
E' vero, per qualche motivo non funziona...dev'essere perchè le celle di
una tabella non hanno il display: block come default e l' overflow funziona solo
sui block-level element.
Una possibile soluzione è mettere l' overflow su un div invece che sulla cella.
* Esempio veloce con stili in linea:
<td style="width: 200px; height: 400px">
    <div style="width: 100%;height: 100%;overflow: auto">
        <!--contenuto della cella-->
    </div>
</td>
Saluti,
    SantaKlauss
*Segue la pagina di prova in file html con stili incorporati:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd
">
<html>
<head>
<title>Table cell with scroll by SantaKlauss</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 2.6">
<style type="text/css">
table{
    width: 500px;
    border: 1px solid #000;
    border-collapse: collapse;
    font: bold 12pt verdana,sans-serif;
    }
td{
    width: 50%;
    height: 100px;
    border: 1px solid #000
    }
td div{
    width: 100%;
    height: 100%;
    overflow: auto
    }
</style>
</head>
<body>
<table>
    <tr>
        <td>Ciao</td>
        <td><div>Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
            Content<br>
        </div></td>
    </tr>
</table>
</body>
</html>


[cut]
Perfetto! Ora funziona benissimo! Grazie mille! Sei meglio di Babbo Natale
;-) Ciao!
Gianluca

| E' vero, per qualche motivo non funziona...dev'essere perchè le celle di
| una tabella non hanno il display: block come default e l' overflow
funziona solo
| sui block-level element.
| Una possibile soluzione è mettere l' overflow su un div invece che sulla
cella.
|
| * Esempio veloce con stili in linea:
|
| <td style="width: 200px; height: 400px">
|     <div style="width: 100%;height: 100%;overflow: auto">
|         <!--contenuto della cella-->
|     </div>
| </td>
|
[cut]
che bell'effetto, veramente fantastico! a prima vista avrei detto che
sarebbe stato impossibile, invece sti css fanno magie.
-- 
Personal site: 
http://robiweb90.135.it
in 
ASP.NET
robi...@NOOOSPAMlibero.it