Celle che non rispettano le dimensioni

threepwood

Celle che non rispettano le dimensioni

Salve a tutti, strano problema
Ho fatto 5 tabelle identiche, ma con contenuti differenti (stesse dimensioni delle celle, cambiano solo i testi)

Non capisco perchè, non rispettano le dimensioni che ho dato alle celle e cambiano a seconda della quantità di testo.

Tutte le tabelle iniziano con :


<table width="945"  border="1" align="center" cellpadding="2" cellspacing="0"  style="width:25cm">
  <tr>
    <td colspan="2" align="center"  class="XXX">CELLA A</td>
    <td width="74" style="width:74px" align="center"  class="XXX">CELLA B</td>
    <td width="113" style="width:113px" align="center"  class="XXX">CELLA C</td>
    <td width="287" style="width:287px" align="center"  class="XXX">CELLA D</td>
  </tr>

Ovviamente i contenuti variano...

Come vedete ho tentato di "imporre" la dimensione con dei css, ma nulla da fare

Sapete perchè fa questo scherzo?

jeeves

Ci puoi dare il link della pagina dove fa questo scherzo così vedo e posso risolvere meglio?

tiago

Prova coll'attributo nowrap:
[html]
<table width="945" border="1" align="center" cellpadding="2" cellspacing="0" style="width:25cm">
<tr>
<td colspan="2" align="center" class="XXX" nowrap>CELLA A</td>
<td width="74" style="width:74px" align="center" class="XXX" nowrap>CELLA B</td>
<td width="113" style="width:113px" align="center" class="XXX" nowrap>CELLA C</td>
<td width="287" style="width:287px" align="center" class="XXX" nowrap>CELLA D</td>
</tr>[/html]Fammi sapere

threepwood

il nowrap peggiora le cose... perchè dice solo di non andare a capo

Questo è un codice di esempio, se cifate un HTML vedrete che a partità di tabella la seconda ha le colonne con dimensioni diverse


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style>
 body {
  font-size:12px;
  font-family:"Century Gothic", Verdana;
  width:640px;
 }
 table { border-collapse:collapse; }
 strong,ul,li,p,div { font-family:"Century Gothic", Verdana; }
 strong { font-size:13px; }
 .titoli {
  font-size:18px;
  font-weight:bold;
  font-family:"Century Gothic", Verdana;
 }
 
</style>
</head>
<body>
<div align="right"><strong class="titoli">titolo bla bla </strong><br />
</div>
<br /><br>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
 
 
<table width="640" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#BCBCBC">
  <tr>
    <td width="254" align="center"  >TITOLO NUMERO UNO </td>
    <td colspan="2" align="center"  >TITOLO</td>
    <td width="274" align="center"  >TITOLO NUMERO DUE </td>
  </tr>
  <tr >
    <td height="50" align="center" bgcolor="#999999" ><strong style="color:white">
 COMPORTAMENTI <br>DEGLI OPERATORI  </strong></td>
    <td colspan="2" align="center" bgcolor="#DFDFDF" >testozzo uno <br />
    altro due </td>
    <td style="padding-left:4px;">&nbsp;</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscreen instructions on your handset</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">3</td>
    <td align="left" style="padding-left:4px; font-size:11px">Sono state impartite le istruzioni agli incaricati</td>
  </tr>
    <tr >
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">on your handset to  install and register with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">2    </td>
    <td width="43" align="center" style="padding-left:4px;">1</td>
    <td align="left" style="padding-left:4px; font-size:11px">Gli incaricati sono stati formati sotto il profilo privacy</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscreen inst</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">2</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr >
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Errore materiale</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">2</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
</table>
<br /><br />
<table width="640" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#BCBCBC">
  <tr>
    <td width="254" align="center"  >TITOLO NUMERO UNO </td>
    <td colspan="2" align="center"  >TITOLO</td>
    <td width="274" align="center"  >TITOLO NUMERO DUE </td>
  </tr>
  <tr >
    <td height="50" align="center" bgcolor="#999999" ><strong style="color:white">
 BLA BLA BLA NUMERO<br />
 DUE PROVA BIS
</strong></td>
    <td colspan="2" align="center" bgcolor="#DFDFDF" >testozzo uno <br />
altro due</td>
    <td style="padding-left:4px;">&nbsp;</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the egister with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">1</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blacbla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr >
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscreen instructions on your handsetster with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">3    </td>
    <td width="43" align="center" style="padding-left:4px;">2</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscreen instructions on your handset to  install and register with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">1</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr >
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscl and register with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">3</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
    <tr bgcolor=#F2F2F2>
    <td align="left" style="padding-left:4px;"><strong style="font-size:12px">Follow the onscrs on your handset to  install and register with the fring network</strong></td>
    <td width="43" align="center" style="padding-left:4px;">1    </td>
    <td width="43" align="center" style="padding-left:4px;">1</td>
    <td align="left" style="padding-left:4px; font-size:11px">bla bla blac bla bla blacbla bla blacbla bla blac
<br>bla bla blacbla bla blac
<br>bla bla blacbla bla blacbla bla blac</td>
  </tr>
</table>
</body></html>

threepwood

up