Tabella con height 100%

[snupy71]

Ciao a tutti,
ho un problema di questo genere: ho una tabella di altezza fissa, con due colonne, in ciascuna colonna ho inserito un'altra tabella, vorrei quindi che entrambe avessero la stessa altezza. Ovviamente l'altezza cambia a seconda dei contenuti quindi una delle due dovrebbe "adeguarsi" a quella di estensione maggiore.

Tanto per essere più comprensibile ho fatto uno schema semplice che allego.

Ho indicato nella tabella esterna che la riga deve essere height 100% e l'ho indicato anche nelle tabelle contenute ma una tabella mi rimane sempre più "corta" dell'altra.

Cosa sbaglio? :master:

[Goo21]

meti delle righe vuote [</br></br> ]finchè le tabelle non avranno la stessa lunghezza

[mucu]

penso che dovresti mettere altezza 100% alle due tabelle più che alla riga
inserire br ad capocchiam non serve a niente

[snupy71]

Entrambe le tabelle hanno altezza 100%.

Per quanto riguarda il BR non credo che sia fattibile, il contenuto non nè fisso, nè dato, ad esempio per una tabella è un campo text del database, quindi non ho la minima idea a priori di quanto potrà essere alta una delle due tabelle.

[E.d.i.73]

prov ad impostare i valori di width e height nella principale come ti occorre e in quelle annidate dai valore a width e height di 100%
esempio:

<table width="300" height="150"border="1">
   <tr>
     <td>
      <table width="100%"height="100%" bgcolor="red">
        <tr><td>&nbsp</td></tr>
      </table>
    </td>
       <td>
      <table width="100%"height="100%" bgcolor="red">
        <tr><td>&nbsp</td></tr>
      </table>
    </td>
    </tr>
   </table>

[snupy71]

Originariamente inviato da E.d.i.73
prov ad impostare i valori di width e height nella principale come ti occorre e in quelle annidate dai valore a width e height di 100%
esempio:

<table width="300" height="150"border="1">
   <tr>
     <td>
      <table width="100%"height="100%" bgcolor="red">
        <tr><td>&nbsp</td></tr>
      </table>
    </td>
       <td>
      <table width="100%"height="100%" bgcolor="red">
        <tr><td>&nbsp</td></tr>
      </table>
    </td>
    </tr>
   </table>

Ho fatto esattamente così! Ma facendo dei tentativi ho capito qual'è in effetti il problema:
mettiamo come nell'esempio di E.d.i.73 che la tabella principale sia alta 150, se una delle due tabelle sfonda la quota dei 150 px l'altra non la segue.
Mi sa che questo problema non si possa risolvere perchè mi pare che logicamente sia corretto.

E mettendo in un altro modo le tabelle? Qualche idea?

[mucu]

e se togli l'altezza alla tabella esterna?

[Goo21]

Forse sparo una gran cazzata...
....e se mettessi un'immagine di sfondo alle tabelle interne con repeat-y?
...un pò come si fa per il layout a due colonne
http://css.html.it/guide/lezione/69/layout-a-due-colonne-con-il-float/

[snupy71]

Originariamente inviato da mucu
e se togli l'altezza alla tabella esterna?

L'height 100% applicato ad una tabella, ma anche un div, funziona solo se l'elemento che lo contiene ha un'altezza specifica, altrimenti non sa di cosa fare il 100%.

Per quanto riguarda l'altro suggerimento, avevo già pensato di fare qualcosa di simile giocando sui colori delle righe e colonne della tabella esterna anche se speravo di trovare una soluzione più veloce.

Devo comunque ringraziare tutti coloro che sono intervenuti fin qui, è la prima volta che in un forum ricevo tanti suggerimenti.

[ricman]

Originariamente inviato da snupy71
Cosa sbaglio?

Per esempio sbagli a usare le tabelle... Le stai usando per layout e questo è altamente sconsigliabile. Ogni oggetto ha la sua funzione... il coltello per tagliare, la forchetta per mangiare, le tabelle per intabella dati (non per disegnare!!) etc etc...