Scroll bar orizzontale

**fe1978** · 31-03-2004, 09:28

Ciao ragazzi,
ho un problema:
ho un sito con larghezza 800x600 fisso e centrato. Nella parte dei contenuti devo inserire una tabella molto larga (è un sito delle linee dell'autobus e deve mettere gli orari)e non ci sta nel poco spazio centrale. Volevamo mettere un layer solo in quella tabella
con la relativa scroll sotto che mi permettesse di scorrerlo... ma nn tutta la pagina solo la tabella

Ho trovato alcuni Javascript... ma funzionerebbero solo su certi browser e comunque se il sito fosse allineato a sinistra... essendo centrato, non riesce a calcolarsi le coordinate...

Avete idee?

**kaze** · 31-03-2004, 09:45

Vedi un pò se ti può essere utile qst:

codice:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<TABLE BORDER="0" WIDTH="200">
<TR>
  <TD ALIGN="CENTER">TITOLO</TD>
</TR>
</TABLE>
<div style="height:150px; width:200px; overflow-y:auto; overflow-x:auto;">
<table border=1 width=100% 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>

</BODY>
</HTML>

**fe1978** · 31-03-2004, 10:00

lo provo subito!!!!

grazie!!!!

**fe1978** · 31-03-2004, 10:08

ma nn va con netscape....

devo farlo compatibile col mondo intero...

**kaze** · 31-03-2004, 10:14

Originariamente inviato da fe1978
ma nn va con netscape....

devo farlo compatibile col mondo intero...

Ok ahai ragione

Sostitusci a qst:

<div style="height:150px; width:200px; overflow-y:auto; overflow-x:auto;">

qst:

<div style="height:150px; width:200px; overflow:auto;">

e vedrai che come x magia funziona (l'ho provato con mozzilla, firefox, k-meleon, opera)

**fe1978** · 31-03-2004, 10:42

PERFETTOOOOOOOOOOOOOOOOOOOOOOOO

**kaze** · 31-03-2004, 11:11

Originariamente inviato da fe1978
PERFETTOOOOOOOOOOOOOOOOOOOOOOOO

:mavieni: :mavieni:

**fe1978** · 31-03-2004, 14:54

un'altra cosina....

se l'altezza del layer deve essere variabile (non so a priori di quanto sia alta) ... come faccio?

**kaze** · 31-03-2004, 14:59

Metti l'altezza in percentuale Es:

<div style="height:50%; width:200px; overflow:auto;">

Dovrebbe andare (il condizionale è sempre d'obbligo :bubu: )

Discussione: Scroll bar orizzontale

Strumenti discussione

Ricerca discussione

Visualizza

Scroll bar orizzontale

Permessi di invio