ciao a tutti!
dopo aver letto un po di post e diversi tentativi ho deciso di chiedere aiuto....
vorrei relizzare una pagina con dei div che simulino delle tabelle.
vorrei che i div fossero alti al 100% indipendentemente dal contenuto.
Ho letto del clearing e applicato alla mia pagina.
ma proprio non riesco vedere la pagina in modo corretto.
inoltre cliccando sui 2 link in alto a sinistra, viene cambiato il div a sinistra, li ho distinti con dei colori diversi.
Se qualcuno riesce ad aiutarmi mi farebbe un grosso favore.
posto il codice.

grazie

<html>
<head>
<title>Main</title>
<meta content="text/html; charset=iso-8859-1" />
<meta content="0" />
<meta content="no-cache" />

<script language="JavaScript">
function visSearchPanel() {
document.getElementById('divSearch').style.display = "inline";
document.getElementById('divList').style.display = "none";
}

function visListPanel() {
document.getElementById('divSearch').style.display = "none";
document.getElementById('divList').style.display = "inline";
}
</script>
<style type="text/css">
/* <![CDATA[ */

html, body {
margin : 0;
padding : 0;
}


/*** FabClearing ***/

.cleared:after {
display : block;
visibility : hidden;
content : ".";
height : 0;
clear : both;
}

.cleared {
clear : both; /* per Gecko */
height : 1%; /* per IE */
}

.mainContainer {
clear : both; /* per Gecko */
height : 100%; /* per IE */
/*position:relative;*/
/*width:100%;*/
/*vertical-align:top;*/
/*height: 100%;*/

}
.mainContainer:after {
display : block;
visibility : hidden;
content : ".";
height : 0;
clear : both;
}


/*** ***/

/* ]]> */
</style>
</head>
<body onload="window.focus();">

<form name="frmMain" method="post" action="">
<input type="hidden" name="macroCategoria" id="macroCategoria" value="2">

<div id="divContainer" class="mainContainer">
<div id="divNav" style="position:relative;float:left;vertical-align:top;text-align:left;width:35%;height:100%;background-color:red;">
<div id="navContainer" style="position:relative;vertical-align:top;text-align:left;width:100%;height:100%;min-height:100%;background-color:green;">
<div id="navTab" style="position:relative;float:left;vertical-align:top;text-align:left;width:100%;height:4%;background-color:red;">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="mapTabSel" id="tdTabRicerca">
<a class="mapTabSel" id="tdTabRicerca" href="javaScript:visSearchPanel();" title="Ricerca Oggetti" title="Ricerca Oggetti">
RICERCA
</a>
</td>
<td class="mapTab" id="tdTabLista">
<a class="mapTab" id="tdTabLista" href="javaScript:visListPanel();" title="Lista oggetti" title="Lista Oggetti Immobili">
LISTA

</a>
</td>
</tr>
</table>
</div>
<div id="divSearch" style="display:inline;position:relative;vertical-align:top;text-align:left;width:100%;height:95%;min-height:95%;background-color:yellow;border:2px solid #8A2BE2;">
search
</div>
<div id="divList" style="display:none;position:relative;vertical-align:top;text-align:left;width:100%;height:95%;min-height:95%;background-color:blue;">
list
</div>
</div>
</div>
<div id="divMap" style="position:relative;float:right;vertical-align:top;text-align:left;width:65%;height:100%;background-color:lime;">
mappa
</div>
</div>
</form>
</body>
</html>