Allora ribadisco che la pagina si carica in un sito strutturato a frame. Il frame in cui si carica ha dimensioni 660 * 500.

La pagina contine questa tabella:

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" lang="it" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Forum</title>
<link type="text/css" rel="stylesheet" href="../_css/inner_in.css" />
</head>
<body>
<table>
	<tr>
		<td class="col_sx">Campo 1.1</td>
		<td class="col_dx">Campo 1.2</td>
		<td rowspan="19" colspan="2"></td>
	</tr>
	<tr>
		<td class="col_sx">Campo 2.1</td>
		<td class="col_dx">Campo 2.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 3.1</td>
		<td class="col_dx">Campo 3.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 4.1</td>
		<td class="col_dx">Campo 4.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 5.1</td>
		<td class="col_dx">Campo 5.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 6.1</td>
		<td class="col_dx">Campo 6.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 7.1</td>
		<td class="col_dx">Campo 7.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 8.1</td>
		<td class="col_dx">Campo 8.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 9.1</td>
		<td class="col_dx">Campo 9.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 10.1</td>
		<td class="col_dx">Campo 10.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 11.1</td>
		<td class="col_dx">Campo 11.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 12.1</td>
		<td class="col_dx">Campo 12.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 13.1</td>
		<td class="col_dx">Campo 13.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 14.1</td>
		<td class="col_dx">Campo 14.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 15.1</td>
		<td class="col_dx">Campo 15.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 16.1</td>
		<td class="col_dx">Campo 16.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 17.1</td>
		<td class="col_dx">Campo 17.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 18.1</td>
		<td class="col_dx">Campo 18.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 19.1</td>
		<td class="col_dx">Campo 19.2</td>
	</tr>
	<tr>
		<td class="col_sx">Campo 20.1</td>
		<td class="col_dx">Campo 20.2</td>
		<td colspan="2"></td>
	</tr>
	<tr>
		<td class="col_sx">Campo 20.1</td>
		<td class="col_dx">Campo 20.2</td>
		<td colspan="2"></td>
	</tr>
	<tr>
		<td class="col_sx">Campo 20.1</td>
		<td class="col_dx">Campo 20.2</td>
		<td colspan="2"></td>
	</tr>
	<tr>
		<td class="col_sx">Campo 20.1</td>
		<td class="col_dx">Campo 20.2</td>
		<td colspan="2"></td>
	</tr>
	<tr>
		<td class="col_sx">Campo 20.1</td>
		<td class="col_dx">Campo 20.2</td>
		<td colspan="2"></td>
	</tr>
</table>
</body>
</html>
A questa tabella ho applicato questo stile:

codice:
/* CSS Document */
body {
	background-color: #F4DBAA;
	color: #5B4120;
	font-weight: bold;
	font-size: 12px;
	}
table {
	background-color: #5B4120;
	width: 50%;
	margin-top: 5%;
	margin-bottom: 4%;
	}
td {
	background-color: #BD966B;
	text-align: center;
	}
.tab_img {
	background-color: #5B4120;
	height: 200px;
	width: 200px;
	border: 0px;
	}
.col_sx {
	text-align: left;/*
	width: 17%;
	padding-left: 4px;*/
	}
.col_dx {
	text-align: left;/*
	width: 33%;*/
	}
.intestazione {
	background-color:#5B4120;
	color: #F4DBAA;
	}
.div_descr {
	height: 150px;
	overflow: auto;
	font-size: 11px;
	}