Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    27

    Aiuto per scorrimento testo in cella

    Ho una pagina html fatta con una tabella (lo so che le tabelle non vanno
    usate ma ormai questa è così e mi va bene lasciare la tabella).
    Il codice (che ho depurato di tutti i contenuti lasciando solo la tabella) è
    questo:
    <html>
    <body>
    <div align="center">
    <table width="984" height="200" cellpadding="10">
    <tr>
    <td height="258" colspan="2"><p align="center">

    Intestazione</p> </td>
    </tr>
    <tr>
    <td width="155" height="152">
    <p align="center">Contenuto1<td width="819" rowspan="4" valign="top">
    <p align="center">Contenuto principale</td>
    </tr>
    <tr>
    <td height="169">
    <p align="center">Contenuto2</td>
    </tr>
    <tr>
    <td>
    <p align="center">Contenuto 3</tr>
    <tr>
    <td height="76" bordercolor="#333333">
    <p align="center">Cella vuota</tr>
    <tr>
    <td colspan="2"><div align="center">


    Piè di pagina</p>
    </div></td>
    </tr>
    </table>
    </div>
    <p align="left">
    </p>
    </p>
    </body>
    </html>

    Quindi praticamente la pagina risulta così:

    Ora vorrei che quando cellaconcontenutoprincipale si "riempie" di contenuti
    le prime tre celle laterali (cellaconcontenuto1, 2 e 3) rimangano di
    dimensione fissa e sia solo "cellavuota" ad aumentare di altezza in
    conseguenza all'aumento di "cellaconcontenutoprincipale". Invece, ora come
    ora, aumentano di altezza tutte le celle laterali proporzionalmente
    all'aumento della cellaconcontenutoprincipale (azni mi pare che addirittura
    le prime celle aumentino proporzionalmente di più rispetto a quelle più in
    basso.

    Insomma, come devo modificare il codice sopra per fare in modo che l'unica a
    variare in altezza sia "cellavuota"?

    Scusate in anticipo per la niubbiagine della domanda.

    Grazie.

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Dato che nella colonna a sinistra i contenuti si sviluppano in verticale potresti avere un'unica cella con allineamento verticale in alto, questo il codice (da eliminare le dichiarazioni di stile in linea con il colore di sfondo aggiunto solo per visualizzare la suddivisione delle celle)

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    td {
    	text-align:center;
    	vertical-align:top;
    }
    -->
    </style>
    </head>
    
    <body>
    <table width="984" border="0" cellpadding="0" cellspacing="10" align="center">
      <tr>
        <td colspan="2" style="background-color:#9999FF">
          <h1>Intestazione</h1>
        </td>
      </tr>
      <tr>
        <td width="155" style="background-color: #CC99FF">
          <div>Inserire qui il contenuto del Div 1</div>
          <div>Inserire qui il contenuto del Div 2</div>
          <div>Inserire qui il contenuto del Div 3</div>
        </td>
        <td width="799" style="background-color:#CCCCFF">
          <div>Inserire qui il contenuto della cella centrale</div>
    	</td>
      </tr>
      <tr>
        <td colspan="2" style="background-color:#9999FF">
          <div>contenuto piè di pagina</div>
        </td>
      </tr>
    </table>
    </body>
    </html>
    altrimenti, poiché Explorer in assenza di dimensioni specificate per le altezze (anche la cella vuota del tuo codice dovrebbe averne una, calcolata dalla differenza fra l'altezza della cella centrale e quella delle tre celle che la precedono) ripartisce uniformemente lo spazio ulteriore fra tutte le celle, devi far ricorso a tabelle annidate (in questo caso avresti a sinistra una sola cella con allineamento verticale in alto e al suo interno una tabella con le sole tre celle coi contenuti, l'altezza della cella contenitrice cambierebbe in relazione all'altezza della cella affiancata ma senza ricadute sulle celle della tabella annidata).

    Se poi vuoi invece avere un'altezza stabilita per la cella centrale, puoi mettere al suo interno un div per il quale specifichi l'altezza e un overflow:auto; (sul div apparirà una scrollbar quando l'altezza dei contenuti è superiore a quella del div) e stabilire altezze precise per le celle a sinistra (non sarà necessaria la quarta cella vuota, basterà dare alla terza un'altezza maggiore)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.