Newsgroup: it.comp.www.html
Titolo: scrolling tables: si puo' dare un'altezza in %?

saluti a tutti.
incollo in fondo al post il sorgente, cosi' se qualcuno ha la risposta
non deve andare in giro per il post a cercare qual e' la domanda :)
obiettivo: realizzare una pagina web con uno header e una sidebar a
sinistra che non si muovano anche quando si scorre il contenuto di un
div "main".
soluzione: usare dei div fixed, che pero' funzionano solo in firefox.
volevo una cosa che funzionasse anche [1] in internet explorer e sono
arrivato alle tables con scrollbar. la soluzione e', in effetti,
efficace perche' il div che devo scrollare lo sbatto nella tabella e
buonanotte. ci sono pero' 2 contro:
1. firefox non passa la scroll wheel del mouse e la pressione dei
tasti freccia della tastiera alla table (pazienza)
2. le tabelle *mi pare* debbano avere un'altezza specificata in pixel;
ovvero, il div che contiene la table deve avere un'altezza specificata
in pixel. questo naturalmente e' un grosso problema perche' io voglio
che se l'utente aumenta l'altezza della finestra di internet explorer
anche la dimensione della scrolling table aumenti.
c'e' modo di sistemare questa cosa?
grazie in anticipo.
saluti.
[1] mi va bene anche una soluzione che funziona solo in internet
explorer, perche' male che vada faro' uno splash che ridireziona a 2
siti differenti a seconda del browser firefox/mozilla oppure internet
explorer
+++ sorgente +++
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>prova 6</TITLE>
    <STYLE type="text/css">
      BODY { background: #BBB; border: 0; padding= 0; margin: 0 }
 
      #header {
        position: float;
        width: 100%; 
        height: 3.1em;
        background: #FF2;
      }
      #butt {
        position: float;
        width: 100%; 
        height: 1.4em;
        background: #54F;
        text-align: center;
      }
      #sidebar {
        position: absolute;
        width: 9em;
        top: 4.5em;
        left: 0;
        background: #C3C;
        text-align: center;
      }
      #footer {
        position: absolute;
        width: 100%;
        height: 1.4em;
        bottom: 0;
        background: #584;
        text-align: center;
 
      }
      #mainok {
        position: relative;
        height: 90%;
        width: 100%; 
        left: 9em;
        padding-bottom: 1.4em;
        background: #eee;
        overflow: auto;
 
      }
 
      #cicciona {
        layout: fixed;
        width: 98%;
        background: #123567;
        overflow: auto;
 
      }
      #contiene {
        position: absolute
        width: auto;
        height: 20em; 
/* lo scopo sarebbe sostituire questa misura fissa con un'altezza in
percentuale della finestra */
        left: 9em;
        overflow: auto;
 
 
      }
      #main2 {
        position: float;
        height: auto;
        width: 100%;
        background: #a7c;
        overflow: auto;
 
      }
    </STYLE>
  </HEAD>
  <BODY>
      <div id="footer">
         footer :: footer :: footer
      </div>
      <div id="sidebar">
         sidebar<br>
         sidebar<br>
         sidebar
      </div>
      <div id="header">
         header :: header :: header
      </div>
      <div id="butt">
         button :: button :: button
      </div>
<!--
      <div id="mainok">
         main 00<br>
         main 01<br>
         main 02<br>
         main 03<br>
         main 04<br>
         main 05<br>
         main 06<br>
         main 07<br>
         main 08<br>
         main 09<br>
         main 00<br>
         main 01<br>
         main 02<br>
         main 03<br>
         main 04<br>
         main 05<br>
         main 06<br>
         main 07<br>
         main 08<br>
         main 09<br>
         main 00<br>
         main 01<br>
         main 02<br>
         main 03<br>
         main 04<br>
         main 05<br>
         main 06<br>
         main 07<br>
         main 08<br>
         main 09<br>
-->
<div id="contiene">
<table id="cicciona">
<tr>
   <td>
       <div id="main2">
         main 00<br>         main 01<br>         main 02<br>
main 03<br>         main 04<br>
         main 05<br>         main 06<br>         main 07<br>
main 08<br>         main 09<br>
         main 00<br>         main 01<br>         main 02<br>
main 03<br>         main 04<br>
         main 05<br>         main 06<br>         main 07<br>
main 08<br>         main 09<br>
         main 00<br>         main 01<br>         main 02<br>
main 03<br>         main 04<br>
         main 05<br>         main 06<br>         main 07<br>
main 08<br>         main 09<br>
         main finale
       </div>
   </td>
</tr>
</table>
</div>
<!--
      </div>
-->
  </BODY>
</HTML>
-- 
Gianni Rondinini (30, tanti, RA)
VBR - Vero Birro Romagnolo
Hai capito, scelf?


robiweb90 [at] gmail [dot] com
"Nessuno può fabbricare una macchina tanto intelligente che possa essere 
usata da uno sciocco" - Confucio

?
non avevo ancora provato, grazie per la segnalazione.
la pagina in effetti e' esattamente quello che certo, ma non riesco a
riprodurla. vorrei chiederti un favore: la apri con internet explorer,
poi la salvi su disco locale ed apri la copia salvata: *da me* non
funziona, non si vede piu' bene. sbaglia sia l'impaginazione che i
colori.
puoi aiutarmi a capire che c'e' che non va?
