Estou com um problema no layout do meu site, coisa que me está a impedir de o continuar, está basicamente arruinando tudo.
Aqui vai o código para entenderem melhor o problema:
[codebox]<table cellpadding="0" cellspacing="0" width="446" height="362">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" colspan="2" height="110">
<p align="center">Banner</td>
</tr>
<tr>
<td valign="top" height="95">I want this cell to have a fixed height</td>
<td valign="top" rowspan="3" width="305">
<p align="center">Text goes here - if the text is too long, I want the
stretching cell to vary in height, not the other 2.</td>
</tr>
<tr>
<td valign="top" height="68">I want this cell to have a fixed height</td>
</tr>
<tr>
<td height="89" width="141" valign="top">Stretching/Flexible cell - I
want this one to vary in height if the text on the right cell is too
long</td>
</tr>
</table>[/codebox]
Como podem ver, se eu escrever um texto que fique maior em altura do que "Text Cell" ela estica normalmente, o problema é que todas as células da coluna direita também o fazem, e eu apenas quero que a última célula da coluna direita estique - as outras têm que ficar fixas.
Estive dias a tentar fazer tudo isto com DIVs e CSS, mas não consigo, o código está cheio de Colspans e Rowspans que não dá para inserir no CSS.
(O exemplo que eu dei acima foi apenas para simplificar, na verdade o meu layout é este:
[codebox]<table cellpadding="0" cellspacing="0" width="750" height="871">
<!-- MSTableType="layout" -->
<tr>
<td valign="top">
<p style="margin-top: 0; margin-bottom: 0">Banner</td>
<td valign="top" rowspan="3">
<p style="margin-top: 0; margin-bottom: 0">Banner</td>
<td valign="top" rowspan="3" colspan="2">
<p style="margin-top: 0; margin-bottom: 0">Banner</td>
<td height="154"></td>
</tr>
<tr>
<td valign="top">Banner</td>
<td height="24"></td>
</tr>
<tr>
<td valign="top" rowspan="3">Fixed Menu Cell</td>
<td height="122"></td>
</tr>
<tr>
<td valign="top" colspan="3">
Banner</td>
<td height="29"></td>
</tr>
<tr>
<td valign="top" rowspan="6" colspan="2"><p> </p>
<p>CONTAINER AREA, Text goes Here</p>
</td>
<td valign="top" fundo_direitoOO rowspan="6">
</td>
<td height="102"></td>
</tr>
<tr>
<td valign="top" menuv_fundo2OO>
Fixed Menu Cell</td>
<td height="37"></td>
</tr>
<tr>
<td valign="top" menuv_fundo3OO>
Fixed Menu Cell</td>
<td height="44"></td>
</tr>
<tr>
<td valign="top">
Fixed Menu Cell</td>
<td height="178"></td>
</tr>
<tr>
<td valign="top" menuv_destaqueOO>
Fixed Menu Cell</td>
<td height="109"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF">Flexible Cell - can vary depending on the
Container Area</td>
<td height="33"></td>
</tr>
<tr>
<td valign="top" rodapeOO colspan="4">
<p align="center">Bottom</td>
<td height="38"></td>
</tr>
<tr>
<td width="252"></td>
<td width="410"></td>
<td width="56"></td>
<td width="30"></td>
<td height="1" width="2"></td>
</tr>
</table>[/codebox]
Parece ser um problema TÃO simples, mas com um solução tão complicada.... ^^''
Edição feita por: Victor Hugo Odo, 13/11/2009, 22:50.
Trocar QUOTE por CODEBOX.
