Restando con le tue tabelle, ho provato così
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>Documento senza titolo</title>
<style type="text/css">
<!--
html, body {
width:100%; height:100%; margin:0; padding:0;
}
body {
min-width:910px;
min-height:560px;
text-align:center;
font-family: JosefinSansStdLight, arial, serif-sans;
font-size: 110%;
letter-spacing: 0px;
background-color: #000000;
color: #ffffff;}
a {
color: #ffffff;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a.img:link img, a.img:visited img {border: 1px solid #000000; margin-top:30px; margin-bottom:30px;}
a.img:hover img {border: 1px solid #ffffff;}
table {
border-collapse:collapse;
}
td {
padding:0;
}
#tab1 {
width:910px; height:100%; margin:0 auto; text-align:left;
}
.menu {
width:25%; height:25px; text-align:center; font-size: smaller;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function image() {
};
image = new image();
number = 0;
// array di immagini
image[number++] = "[img]paesaggi/dsc_0647-49-50-51web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_9778web.jpg[/img]"
image[number++] = "[img]paesaggi/DSC_4394web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_2292web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_1502web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_2241web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_0820web.jpg[/img]"
image[number++] = "[img]paesaggi/1844web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_9820web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_2750web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_1988B-web.jpg[/img]"
image[number++] = "[img]paesaggi/dsc_7864web.jpg[/img]"
image[number++] = "[img]texture/dsc_6196-97web.jpg[/img]"
image[number++] = "[img]texture/dsc_7328web.jpg[/img]"
image[number++] = "[img]texture/dsc_7320web.jpg[/img]"
image[number++] = "[img]texture/dsc_1859web.jpg[/img]"
image[number++] = "[img]texture/DSC_1988webJ.jpg[/img]"
image[number++] = "[img]texture/dsc_1895web.jpg[/img]"
image[number++] = "[img]macro/dsc_0955web.jpg[/img]"
image[number++] = "[img]macro/DSC_5676web.jpg[/img]"
image[number++] = "[img]macro/dsc_6878web.jpg[/img]"
image[number++] = "[img]macro/DSC_2854web.jpg[/img]"
image[number++] = "[img]macro/DSC_8784web.jpg[/img]"
image[number++] = "[img]macro/dsc_8861web.jpg[/img]"
image[number++] = "[img]macro/dsc_9955web.jpg[/img]"
image[number++] = "[img]macro/dsc_3268web.jpg[/img]"
image[number++] = "[img]macro/DSC_5491web.jpg[/img]"
image[number++] = "[img]macro/DSC_8208web.jpg[/img]"
image[number++] = "[img]macro/dsc_3470web.jpg[/img]"
image[number++] = "[img]varie/dsc_1549web.jpg[/img]"
image[number++] = "[img]varie/dsc_3061web.jpg[/img]"
image[number++] = "[img]varie/DSC_7350web.jpg[/img]"
image[number++] = "[img]varie/dsc_6099web.jpg[/img]"
image[number++] = "[img]varie/dsc_8020web.jpg[/img]"
image[number++] = "[img]varie/DSC_8732web.jpg[/img]"
image[number++] = "[img]varie/dsc_8756web.jpg[/img]"
image[number++] = "[img]varie/dsc_0335-6-7-8web.jpg[/img]"
incremento = Math.floor(Math.random() * number);
//-->
</script>
</head>
<body>
<table id="tab1">
<tr>
<td width="910" height="100%"><table width="100%">
<tr>
<td width="910"><table width="100%">
<tr>
<td width="210" colspan="2">[img]ita.jpg[/img]</td>
<td width="700" align="right">Not only macrophotography.....by epsylon_lyrae</td>
</tr>
<tr>
<td width="100">[img]thumb/DSC_8271-2-3thumb.jpg[/img]</td>
<td width="110">Macro</td>
<td rowspan="4">
<script language="JavaScript" type="text/JavaScript">
document.write(image[incremento]);
</script>
</td>
</tr>
<tr>
<td width="100">[img]thumb/dsc_4943thumb.jpg[/img]</td>
<td width="110">Landscapes</td>
</tr>
<tr>
<td width="100">[img]thumb/dsc_8531thumb.jpg[/img]</td>
<td width="110">Various</td>
</tr>
<tr>
<td width="100">[img]thumb/dsc_9703thumb.jpg[/img]</td>
<td width="110">Texture</td>
</tr>
</table> </td>
</tr>
<tr>
<td width="910"><table width="100%" id="barra">
<tr>
<td class="menu">contact me<td>
<td class="menu">comments<td>
<td class="menu">about<td>
<td class="menu">links<td>
</tr>
</table></td>
</tr>
</table> </td>
</tr>
</table>
</body>
</html>
cioè ho dato alla pagina un'altezza eguale al 100% e poi la stessa altezza assegnata alla tabella. Gli annidamenti sono leggermente diversi dai tuoi, infatti la prima cella, alta il 100% con un allineamento verticale centrato, contiene poi la tabella secondaria alta 560px che include le altre. Vedi se può andare (verifica coi diversi browser)
Puoi leggere poi qui soluzioni coi div (guardando anche i link indicati nel testo) 
Rispondi quotando
