Salve a tutti,
vorrei realizzare una tabella con overflow y ma dalle prove che ho fatto non funziona molto..
praticamente ho inserito un
<div id="document_rows_list" style="height: 200px; OVERFLOW-Y: auto; WHITE-SPACE: nowrap">
prima dei <tr> che vorrei scorressero... praticamente il body della tabella ma non va...
come dovrei, se possibile, fare?
grazie a tutti
Questo può aiutare...
http://forum.html.it/forum/showthrea...readid=1172179
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
grazie per il link ma ancora non mi funziona... io ho provato a mettere il <tbody> prima dei <tr> he vorrei scorressero in questo modo:Originariamente inviato da ricman
Questo può aiutare...
http://forum.html.it/forum/showthrea...readid=1172179
<tbody height="200"><div style="height: 200px; overflow: -moz-scrollbars-vertical; overflow-y: scroll;">
<tr>
<td>...</td>
<td>...</td>
</tr>
</div></tbody>
ma mi viene creato un div sopra la tabella e i tr non scorrono...
grazie 1000
inserendo l'height nella table ed un tbody cosi':
<tbody style="height: 100%; overflow: auto;">
riesco ad ottenere qualcosa con firefox anche se lo scroller non mi compare... con ie zero proprio...
posto il codice per completezza magari faccio qualche errore di cui non mi accorgo:
Codice PHP:<html>
<head>
<title></title>
</head>
<body>
<table style='margin-bottom: 5px;' align='center' border='0' cellpadding='0' cellspacing='0' bgcolor='#999999' height="25">
<tr>
<td>Colonna 1</td>
<td>Colonna 2</td>
<td>Colonna 3</td>
<td>Colonna 4</td>
</tr>
<tbody style="height: 100%; overflow: auto;">
<tr>
<td>vav 1</td>
<td>vav 2</td>
<td>vav 3</td>
<td>vav 4</td>
</tr>
<tr>
<td>vav 1</td>
<td>vav 2</td>
<td>vav 3</td>
<td>vav 4</td>
</tr>
<tr>
<td>vav 1</td>
<td>vav 2</td>
<td>vav 3</td>
<td>vav 4</td>
</tr>
<tr>
<td>vav 1</td>
<td>vav 2</td>
<td>vav 3</td>
<td>vav 4</td>
</tr>
</tbody>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
</body>
</html>
nessuno mi sa aiutare?
Se usi <tbody> DEVI usare anche <thead> e se la tabella non finisce dopo il tbody, la fine la devi inserire nel <tfoot>.
Inoltre un <body> alto come la tabella stessa non ha molto senso.
Io non definirei l'altezza: lasciala in automatico. Eventualmente puoi definire l'altezza del <thead> e del <tfoot>. Invece l'overflow e` importante.
E c'e` un altro problema: se usi i CSS, non devi usare formattazione tramite attributi HTML: infatti in tal caso i browser possono dare la precedenza a questa ed ignorare i CSS o viceversa (e browser diversi si comportano in modo diverso).
Sei sicuro che la tabella sia piu` alta dello spazio a disposizione? Altrimenti lo scroller non compare (dato che hai settato lo scroller automatico). Dovresti inserire molte piu` righe, oppure definire un'altezza delle righe che sia significativa.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
grazie mich_ funziona!!!
ora pero' vorrei che lo scroller fosse sempre nell'ultima riga in basso... e' possibile? :P
grazie ancora!!
Codice PHP:<html>
<head>
<title></title>
<style type="text/css">
.tibody{
height: 100px;
overflow: auto;
}
</style>
</head>
<body>
<table align='center' border='0' cellpadding='0' cellspacing='0' bgcolor='#999999'>
<thead>
<tr>
<td>Colonna 1</td>
<td>Colonna 2</td>
<td>Colonna 3</td>
<td>Colonna 4</td>
</tr>
</thead>
<tbody class="tibody">
<tr>
<td>vav 1</td>
<td>vav 2</td>
<td>vav 3</td>
<td>vav 4</td>
</tr>
...
<tr>
<td>vav 1</td>
<td>vav 2</td>
<td>vav 3</td>
<td>vav 4</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</tfoot>
</table>
</body>
</html>
Ripeto:Mi riferisco a:se usi i CSS, non devi usare formattazione tramite attributi HTML: infatti in tal caso i browser possono dare la precedenza a questa ed ignorare i CSS o viceversa (e browser diversi si comportano in modo diverso).Devi eliminare tutti questi attributi ed usare invece i corrispondenti attributi CSS.align='center' border='0' cellpadding='0' cellspacing='0' bgcolor='#999999'
Cosa vuol dire:E` una frase che non capisco.vorrei che lo scroller fosse sempre nell'ultima riga in basso...
E dovresti dire anche con che browser hai testato: lo scroller e` inserito dai browser e non tutti inseriscono la stessa cosa.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
fatto grazie di avermelo fatto notare!Originariamente inviato da Mich_
Ripeto: Mi riferisco a: Devi eliminare tutti questi attributi ed usare invece i corrispondenti attributi CSS.
praticamente vorrei che la barretta dello scroller fosse tutta in basso, e non tutta in alto come di default.Originariamente inviato da Mich_
Cosa vuol dire: E` una frase che non capisco.
azz... nota dolente qui... ho verificato il codice sopra e con ff funziona ma con ie noOriginariamente inviato da Mich_
E dovresti dire anche con che browser hai testato: lo scroller e` inserito dai browser e non tutti inseriscono la stessa cosa.non visualizza nessuno scroller!!! si puo' risolvere?
Probabilmente si`, ma la soluzione dipende da vari fattori. In qualche caso e` necessario un minimo di JS.azz... nota dolente qui... ho verificato il codice sopra e con ff funziona ma con ie no non visualizza nessuno scroller!!! si puo' risolvere?
Prova a postare anche il CSS (ma se l'HTML e` cambiato rispetto a prima posta anche quello).
E poi speriamo che qualche esperto di IE intervenga. La mia esperienza esula da tale browser.
Oppure vedi i siti che riportano hack e trucchi per IE (qualcuno e` citato tra i "link utili")
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Permessi di invio
Rispondi quotando