Ciao a tutti,

ho un problema con i css.

Mi servirebbe innanzittutto un consigloio sulla pagina matrice che sto realizzando ( premetto che sono un newbie su questo campo )

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>INSERIMENTO NUOVO DDT</title>
<link rel="stylesheet" href="../css/style_add.css" media="screen" />

</head>

<body>




<div id="contenitore">
<div id="header">
<?php  require_once	('top_page.php');?>
</div>

<div id="body">
<div id="menu_left">


</p>
<?php  require_once	('left_menu.php');?>
</div>

<div id="scheda_lavoro">
<div id="scheda_lavoro2">

</div>
</div>



</div>

</div>
<div id="footer">
</div>




</body>
</html>
Da quello che si può capire ho pensato a questa gerarchia:

CONTENITORE PRINCIPALE
CONTENITORE HEADER (Questo a sua volta contiene altri 3 contenitori stile tabella con 3 colonne)
CONTENITORE BODY
MENU_LEFT
SCHEDA_LAVORO
SCHEDA_LAVORO2 ( Questa l ho aggiunta per dare alle tabelle un minimo margine )
CONTENITORE FOOTER

Secondi voi è giusta la logica? ( Sono convinto che ci sia qualcosa di sbagliato )

Passo al secondo problema:

Quando ridimensiono il browser, i div si sovrappongono l'un l'altro e non riesco a dargli uno stile "fisso" tipo tabella.

Come posso fare?

Qualche esempio sarebbe gradito per poter capire meglio, vi prego, non rimandatemi a delle guide.

Grazie a tutti.