Ciao a tutti.

Ho un problema sulle tabelle che hanno colonne con un width specificato in percentuale.
Osservate il seguente esempio:

codice:
<html>
<body>
<table border="1">
<tr>
  <td width="50%"></td>
  <td width="50%">
    TESTtestTEST
  </td>
</tr>
<tr>
  <td colspan="2">
    TESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTESTtestTEST
  </td>
</tr>
</table>
</body>
</html>
Quello che mi aspetto (e che in effetti risulta con Internet Explorer e Firefox) è una tabella con due righe: la prima contenente due colonne di uguale larghezza, la seconda contenente una singola colonna con il testo lungo.

Visualizzando invece il codice con Safari o con Google Chrome, le due colonne non sono affatto uguali (e la differenza aumenta man mano che si allunga il testo lungo oppure quello nella seconda colonna).

Ma le stranezze non finiscono qui: è sufficiente inserire uno spazio nel testo lungo e magicamente le colonne tornano ad essere uguali! Oppure, semplicemente togliendo il carattere di percento dal width (cioè lasciando width="50") e si ottiene lo stesso effetto!

Qualcuno conosce già questo comportamento stranissimo? Sapete se c'è qualche bug documentato o qualche workaround?

Grazie.

Tiziano