ho fatto questo stile CSS:
Applicato ad un div così:codice:.descrizione { display: inline; visibility: visible; overflow: auto; width: 100%; position: static; height: 100%; text-align: left; }
Il tutto all'interno di una cella di una tabella.codice:<div class="descrizione">....testo</div>
Il testo contenuto non scrolla se apro la pagina con Mozilla 1.4, mentre con IE6 nessun problema... dove sto sbagliando?
Concentrate on what cannot lie... The evidence. -- Gil Grissom
lo standard CSS2 dice che la proprietà overflow non si applica ad elementi inline, per cui se vuoi lo scrolling sul div devi togliere display: inline, così funzionerà su entrambi i browser
Grazie mille, funziona
Concentrate on what cannot lie... The evidence. -- Gil Grissom
ciao.. scusate l'intromissione.. ma non funziona comunque.. MOZILLA 1.4 non adatta la dim del DIV a quella della cella ma la espande, e quindi non scorre il contenuto dentro.. è giorni che cerco una soluzione o una spiegazione ma sembra che nessuno sappia.. si dice.. "le tabelle in mozilla funzionano male"..
ciao zorz
A me funziona... che ti devo dire
Parte di HTML in cui lo uso:
Il codice CSS per .descrizione:codice:<td width="100%" height="104" align="left" valign="top"> <div class="descrizione"> <span class="tt">text 1 text 2 text 3 </span> </div> </td>
...che è lo stesso del mio primo post con la correzione di pela ovvero togliendo "display: inline".codice:.descrizione { visibility: visible; overflow: auto; width: 100%; position: static; height: 100%; text-align: left; }
Concentrate on what cannot lie... The evidence. -- Gil Grissom
Grazie per il consiglio.
Concentrate on what cannot lie... The evidence. -- Gil Grissom
x Frankesk:
sono contento se a te va.. forse ho speranze.. ma a me continua a non andare.. se non è un grosso problema.. mi metteresti un link???..:quipy:
x blakwolf:
Non sapevo che il contenuto della cella potesse scrollare.. e in effetti provando non va... se hai voglia di mettere un link.. :quipy:
grazie comunque.. zorz
link
Ok messo il link...
A parte gli scherzi, un link a cosa? Più che postarti il codice che ho usato (nel mio reply di sopra) non saprei che link darti...
Concentrate on what cannot lie... The evidence. -- Gil Grissom
no hai ragione non scrolla ovunque il td, comunque un codice corretto sarebbe questo
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Untitled</title> </head> <body> <table> <tr> <td> <div style="display: block; height: 100px; width: 300px; background-color: blue; color: white; overflow: auto;"> test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </div> </td> </tr> </table> </body> </html>
Permessi di invio
Rispondi quotando