Tabella HTML, con Firefox è ok, con IE no...

[AnubiDk]

Ho costruito questa STUPIDISSIMA tabella, ma mentre con firefox va con explorer non mi considera per niente. e viene visualizzata tutta disallineata...

perchè????

vi metto il codice

<table border="1" width="100%">
<tr>
<td  rowspan="3" width="25%">
<div style="overflow:hidden; height:150px;">
pippo
</div></td>
<td  rowspan="2" width="25%">
<div style="overflow:hidden; height:100px;">
pluto
</div></td>
<td    rowspan="1" width="25%">
<div style="overflow:hidden; height:50px;">paperino
</div></td>
<td  rowspan="4" width="25%">
<div style="overflow:hidden; height:200px;">
paperina
</div></td>
</tr>

<tr>
<td  rowspan="3" width="25%">
<div style="overflow:hidden; height:150px;">
Gambadilegno</div></td>
</tr>

<tr>
<td  rowspan="2" width="25%">
<div style="overflow:hidden; height:100px;">Ottone
</div></td>
</tr>

<td   width="25%">
<div style="overflow:hidden; height:50px;">Jamaica
</div></td>
</tr>

<tr>
<td  width="25%"></td>
<td  width="25%"></td>
<td  width="25%"></td>
<td  width="25%"></td>
</tr>

</table>

Vi prego, aiutatemi, mi sono finito le idee.... :master:

[nuky]

Non hanno molto senso i rowspan così come li hai messi tu.
Inoltre c'è un tr chiuso di troppo tra Ottone e Jamaica... o manca l'apertura...
Non ho mica capito cosa hai intenzione di fare... :master:
Vuoi fare questo?

<table border="1" width="100%">
  <tr>
    <td rowspan="1" width="25%">
      <div style="overflow:hidden; height:150px;">pippo</div>
    </td>
    <td rowspan="1" width="25%">
      <div style="overflow:hidden; height:100px;">pluto</div>
    </td>
    <td rowspan="1" width="25%">
      <div style="overflow:hidden; height:50px;">paperino</div>
    </td>
    <td rowspan="2" width="25%">
      <div style="overflow:hidden; height:200px;">paperina</div>
    </td>
  </tr>
  
  <tr>
    <td rowspan="1" width="25%">
      <div style="overflow:hidden; height:150px;">Gambadilegno</div>
    </td>
    <td rowspan="1" width="25%">
      <div style="overflow:hidden; height:100px;">Ottone</div>
    </td>
    <td width="25%">
      <div style="overflow:hidden; height:50px;">Jamaica</div>
    </td>
  </tr>
  
  <tr>
    <td width="25%"> </td>
    <td width="25%"> </td>
    <td width="25%"> </td>
    <td width="25%"> </td>
  </tr>
</table>

[AnubiDk]

Se la apri con firefox si vede bene quello che voglio fare, visto che lo fa...

Comunque allego un'immagine, così si capisce meglio....

In pratica vorrei ottenere:

1 tabella con 4 colonne

la prima ha 3 celle, la prima "alta" 3, la seconda 1, la terza 1

la seconda ha 3 celle, la prima "alta" 2, la seconda 2, la terza 1

la terza ha 3 celle, la prima "alta" 1, la seconda 3, la terza 1

la quarta ha 2 celle, la prima "alta" 4, la seconda 1




riposto il codice:

<table border="1" width="100%">
<tr>
<td  rowspan="3" width="25%"  height="150px">
pippo
</td>
<td  rowspan="2" width="25%" height="100px">
pluto
</td>
<td width="25%" height="50px">paperino
</td>
<td  rowspan="4" width="25%" height="200px">
paperina
</td>
</tr>

<tr>
<td  rowspan="3" width="25%" height="150px">
Gambadilegno
</td>
</tr>

<tr>
<td  rowspan="2" width="25%" height="100px">
Ottone
</td>
</tr>

<tr>
<td  width="25%" height="50px">
Jamaica
</td>
</tr>

<tr>
<td  width="25%" height="50px"></td>
<td  width="25%" height="50px"></td>
<td  width="25%" height="50px"></td>
<td  width="25%" height="50px"></td>
</tr>

</table>

[nuky]

Firefox non ce l'ho, ma la logica corretta mi pare quella qui sotto.
Non ti offendi se uso i numeri al posto dei nomi, non ci capivo nulla . Ho tolto i div per semplicità, ma rimettendoli non credo cambi molto:

<table border="1" width="100%">
  <tr style="height:20%">
    <td rowspan="3" width="25%">
      1
    </td>
    <td rowspan="2" width="25%">
      2
    </td>
    <td rowspan="1" width="25%">
      3
    </td>
    <td rowspan="4" width="25%">
      4
    </td>
  </tr>
  
  <tr style="height:20%">
    <td rowspan="3" width="25%">
      7
    </td>
  </tr>

  <tr style="height:20%">
    <td rowspan="2" width="25%">
      6
    </td>
  </tr>

  <tr style="height:20%">
    <td width="25%">
      5
    </td>
  </tr>
  
  <tr style="height:20%">
    <td width="25%">&amp;nbsp;</td>
    <td width="25%">&amp;nbsp;</td>
    <td width="25%">&amp;nbsp;</td>
    <td width="25%">&amp;nbsp;</td>
  </tr>
</table>

[AnubiDk]

Ahem....


Xkè il tuo funziona e il mio no?

X l'HEIGHT del Tr?????


Ti prego dimmi di no....

[AnubiDk]

Originariamente inviato da AnubiDk
Ahem....


Xkè il tuo funziona e il mio no?

X l'HEIGHT del Tr?????


Ti prego dimmi di no....

Se è x quello, mettendo l'HEIGHT in pixel funziona lo stesso???

Perchè per quello che farò io non potendo sapere a priori il n° di righe dovrei usare i pixel x le altezze al posto della percentuale...

[nuky]

Originariamente inviato da AnubiDk
Ahem....


Xkè il tuo funziona e il mio no?

X l'HEIGHT del Tr?????


Ti prego dimmi di no....

L'height nei tr perché a causa dei rowspan IE non capisce quante righe ci sono man mano che costruisce la tabella, percui fa uno schifo con le altezze.
Gli dico 20% dato che sono 5 righe.

[nuky]

Originariamente inviato da AnubiDk
Se è x quello, mettendo l'HEIGHT in pixel funziona lo stesso???

Perchè per quello che farò io non potendo sapere a priori il n° di righe dovrei usare i pixel x le altezze al posto della percentuale...

Beh, si, non credo che dia problemi, anzi, avevo paura che ne creasse la percentuale.

[AnubiDk]

Originariamente inviato da nuky
Beh, si, non credo che dia problemi, anzi, avevo paura che ne creasse la percentuale.

Invece mi sa che li da...

<table border="1" width="96%">
  <tr style="height:60px">
<td  rowspan="3" width="20%">
pippo
</td>
<td  rowspan="2" width="20%">
pluto
</td>
<td rowspan="1" width="20%">paperino
</td>
<td rowspan="4" width="20%">
paperina
</td>

</tr>

  <tr style="height:60px">
<td rowspan="3" width="20%">
Gambadilegno
</td>
</tr>

  <tr style="height:60px">
<td  rowspan="2" width="20%" >
Ottone
</td>
</tr>

  <tr style="height:60px">
<td rowspan="1"  width="20%">
Jamaica
</td>

</tr>

  <tr style="height:60px">
<td  width="20%"></td><td  width="20%"></td><td  width="20%"></td><td  width="20%"></td>
</tr>

</table>

[nuky]

Originariamente inviato da AnubiDk
Invece mi sa che li da...

A mali estremi.... a mali estremi. aolobitta:

Funziona solo con javascript attivo:
Togli le impostazioni delle altezze e le calcoli e imposti sull'onload della pagina in base al numero delle righe:

  <head>
    <script>
      function RegolaAltezza () {
        var tbl = document.getElementById("mTbl");
        var nRighe = tbl.rows.length;
        for (var i=0; i<tbl.rows.length; i++) {
          tbl.rows(i).style.height = 100/nRighe + "%";
        }
      }
    </script>
  </head>

  <body onload="RegolaAltezza()">
    <table id="mTbl" ...

Che ne dici. Crea problemi?

P.S.: INDENTA IL CODICE!!!