Salve a tutti, è un po che non posto più, spero che qualcuno mi possa aiutare ...
Guardate questo codice ... vorrei che le uniche celle a variare la loro altezza fossero solo quelle bianche con i bordi grigi ... sono anche disposto a non usare xhtml se necessario qualcuno sa come fare ?
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: url(/SfondoBody.gif) #FFFFFF repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#main_table {
	border: 1px solid #C5C5C5;
	border-left-color: #84817C;
	border-right-color: #84817C;
	border-top-color: #84817C;
	background-color: #FFFFFF;
	table-layout: fixed;
}
#titolo_img {
	border-bottom: 1px solid #5A5A5A;
}
#menuleft {
	background-color: #FF9900;
	font-size: 11px;
	color: #FFFFCC;
	padding: 0px 0px 12px 0px;
}
#subscrive_cell {
	border-top: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	background-color: #E7F6FF;
	font-size: 11px;
	color: #000000;
}
#bottom_cell {
	border-top: 1px solid #C5C5C5;
	font-size: 9px;
	text-align: center;
	color: #999999;
	padding: 5px;
}

.content_cell {
	border-top: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	font-size: 11px;
	color: #666666;
}
.menuleft_titoli {
	margin: 12px 0px 6px 0px;
	color: #993300;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 13px;
	padding-left: 5px;
	border-left: 8px solid #990000;
}
.menuleft_submenu {
	margin: 0px 6px 0px 17px;
	color: FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
</style>
</head>

<body>
<table id="main_table" width="760" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<td colspan="4">[img]#[/img]</td>
	</tr>
	<tr>
		<td rowspan="3" width="160" valign="top" id="menuleft">
			<p class="menuleft_titoli">MENU</p>
			<p class="menuleft_titoli">TITOLO</p>
			<p class="menuleft_titoli">IN ARIAL </p>
			<p class="menuleft_submenu">Sub Menu </p>
			<p class="menuleft_submenu">Per le sottocategorie </p>
			<p class="menuleft_titoli">NON BOLD </p>
			<p class="menuleft_submenu">In verdana </p>
			<p class="menuleft_titoli">#993300</p>
			

</p>
			<p class="menuleft_titoli">TITOLO

			SU DUE LINEE </p>
			<p class="menuleft_submenu">l'altezza di questa colonna varia in base alla lunghezza del menu ... </p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
			

</p>
		</td>
		<td valign="top" colspan="3" style="height:172px;">[img]#[/img]</td>
	</tr>
	<tr>
		<td width="200" valign="top" class="content_cell">
			



				

				

				

				

				

				

				

				

				

			Voglio allungare queste tre colonne ...

			ma voglio che la cella con l'immagine qui sopra non diventi mai + alta dell'immagine 

				

				

				

				

				

				

				

				

				

				

				

			</p>
		</td>
		<td width="200" valign="top" class="content_cell"></td>
		<td width="200" valign="top" class="content_cell"></td>
	</tr>
	<tr>
		<td colspan="3" id="subscrive_cell" align="center" valign="middle" style="height: 150px;">questa cella vorrei che non si allargasse oltre i 150~200 px </td>
	</tr>
	<tr>
		<td colspan="4"id="bottom_cell">
			Copyright © 2006 pincopallino Srl. All rights reserved. No part of this site may be reproduced without our written permission.		</td>
	</tr>
</table>
</body>
</html>