css e scroll

**Guidri** · 12-05-2004, 14:46

Ciao a tutti,
ho nuovamente bisogno di voi...

Ho uno stylesheet che fà così:
.div_scroll2{
padding:0px;
height:100%;
width:100%;
overflow-x: auto;
overflow-y: auto;

}
Mi serve per visualizzare una tabella sviluppata in senso orizzontale.
Funziona bene, il problema è che mi visualizza anche lo scroll verticale che non mi serve..
Ho già provato a dare il valore overflow-y: hidden;
In questo caso non mi visuaizza lo scroll però non mi fà vedere l'ultima riga della mia tabella, cosa che non và bene.
Cosa sbaglio?

**jesus** · 12-05-2004, 14:51

Prova a mettere overflow: auto e togli overflow-x e overflow-y;

Scusa ma se poi la tabella è più alta della pagina come fai a vedere tutte le righe senza la possibilità di scorrere anche in verticale?

Ciao.

**Guidri** · 12-05-2004, 15:12

Avevo già provato con overflow: auto; ma niente, non funziona...
Vi spiego meglio.
In pratica io ho una tabella con moltissimi dati in senso orizzontale all'incirca 30 colonne e pochi dati in senso verticale, tipo 6,7 righe.
Nella mia pagina ho bisogno di una scollbar orizzontale per evitare di far scorrere tutta la pagina per visulizzare la tabella (orizzontalmente).
Ho dato lo stylesheet ad un div.
Il problema è che con overflow: auto; nel momento in cui appare la barra orizzontale mi appare anche quella verticale di cui non ho bisogno.
Se dò il valore hidden alla y invece funziona tutto, però ho il problema che mi copre l'ultima riga della mia tabella (in pratica non riescoa visualizzarla.
Posto un pò di codice di esempio.
Style:
.div_scroll2{
padding:0px;
height:100%;
width:100%;
overflow: auto;
}

Html:
<div class="div_scroll2">
<table width=900 border=1 BGCOLOR="#B0FFFF">
<tr>
<td>1111</td>
<td>2222</td>
<td>3333</td>
<td>4444</td>
<td>5555</td>
<td>6666</td>
</tr>
<tr>
<td>7777</td>
<td>8888</td>
<td>9999</td>
</tr>
<tr>
<td>0000</td>
<td>1111</td>
<td>2222</td>
</tr>
<tr>
<td>3333</td>
<td>4444</td>
<td>5555</td>
</tr>
<tr>
<td>6666</td>
<td>7777</td>
<td>8888</td>
</tr>
<tr>
<td>9999</td>
<td>0000</td>
<td>1111</td>
</tr>
<tr>
<td>2222</td>
<td>3333</td>
<td>4444</td>
</tr>
<tr>
<td>5555</td>
<td>6666</td>
<td>7777</td>
<td>aaaa</td>
<td>bbbb</td>
<td>cccc</td>
</tr>
<tr>
<td>8888</td>
<td>9999</td>
<td>0000</td>
</tr>
</table>
</div>

**jesus** · 12-05-2004, 15:27

Quella verticale su IE appare di default sempre.

Io cmq ti sconsiglio di toglierla perchè come ti ho detto prima basta che l'utente abbia meno spazio a disposizione in verticale e non potrà vedere eventuali righe tagliate.

**flanza** · 12-05-2004, 15:28

prova:

<body scroll="no">

**Guidri** · 12-05-2004, 15:47

Ma io non voglio togliere la scrollbar alla pagina.
Voglio solo toglierla al mio div... (naturalmente senza perdere l'ultima riga della tabella)

**jesus** · 12-05-2004, 15:47

Originariamente inviato da flanza
prova:

<body scroll="no">

Per me è un'assurdità togliere le scrollbar, non si può mai prevedere l'altezza e la larghezza delle pagine web. E poi il web è fatto apposta no è come un foglio di carta senza limiti e grazie al quale puoi scorrere tutto il contenuto.

**Guidri** · 12-05-2004, 15:59

Ah naturalmente l'unica scrollbar che voglio togliere al mio div è quella verticale.
Ho già la scrollbar della pagina che và bene...

**Guidri** · 12-05-2004, 16:24

Poi ho risolto con un trucco non proprio ortodosso.
Ho messo
overflow-y: hidden;
height:100%;

Poi ho creato una tabellona grande fuori dalla mia con padding 20 e adesso vedo tutte le righe...perchè non ci avevo pensato prima?

Grazie comunque a tutti.
Ciao!

Discussione: css e scroll

Strumenti discussione

Ricerca discussione

Visualizza

css e scroll

Permessi di invio