Ya lo tienes hecho solo debes cambiar algunas cosas, haces un documento .css (tupagina.css) en un editor de texto, dreamweaver o cualquiera que uses, con el siguiente código:
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height:100%;
width:100%;
}
#Tabla01 {
height: 100%;
width: 100%;
background-color: #CCCCCC;
}
#Tabla02 {
height: 100px;
width: 100px;
background-color: #999999;
}
y en el html que desees aplicar ese estilo:
dentro del head colocas
<link rel="stylesheet" href="tupagina.css" type="text/css" />
y en el body:
<div id="Tabla01 ">tu información aquí</div>
<div id="Tabla02 ">tu información aquí</div>
creo que eso es lo que necesitabas, no?