eccomi di nuovo
ho cambiato strada.
Ho impostato il css di un layout a colonna fissa, dove ho messo le immagini di brackground per gli effetti grafici.
Per "incasellare" i dati, ho usato una tabella a celle fisse(credo).
Con la quale vorrei credare un foglio INCLUDE, ho letto di questo TAG, ma non ho trovato info valide a riguardo, quindi sono benvenuti tutti i consigli.

Inoltre ho un problema con la pagina, il FOOTER mi da problemi, rimane staccato dal fondo del CONTENT

Mi aiutate ha trovare lo sbaglio?????PLEASEeeeeeeee

ALLEGO HTML E CSS

HTML

<html>
<head>
<title>Layout Monolitico</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<link rel="stylesheet" type="text/css" href="CSS per pagina tipo1_4feb.css" >
<style type="text/css" media="print">
div#container{
width: auto;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1></h1>
</div>
<div id="navigation">
<ul>[*]HOME[*]OFFERTE[*]AFFITTO[*]CONTATTI
[/list]
</div>
<div id="content">
<h2>Tabella offerte</h2>
<table cellspacing="15"; cellpadding="10">
<tr>
<td width="160"; height="144">
[img]images/quadrato-rosso-156x134.jpg[/img]</td>
<td width="160"; height="144">2;</td>
<td width="160"; height="144">3;</td>
<td width="160"; height="144">4;</td>
</tr>
<tr>
<td>testo di 1</td>
<td>testo di 2</td>
<td>testo di 3</td>
<td>testo di 4</td>
</tr>
<tr>
<td width="160"; height="144">
[img]images/quadrato-rosso-156x134.jpg[/img]</td>
<td width="160"; height="144">5</td>
<td width="160"; height="144">7</td>
<td width="160"; height="144">8</td>
</tr>
<tr>
<td>testo di 5</td>
<td>testo di 6</td>
<td>testo di 7</td>
<td>testo di 8</td>
</tr>
<tr>
<td width="160"; height="144">
[img]images/quadrato-rosso-156x134.jpg[/img]</td>
<td width="160"; height="144">10</td>
<td width="160"; height="144">11</td>
<td width="160"; height="144">12s</td>
</tr>
<tr>
<td>testo di 9</td>
<td>testo di 10</td>
<td>testo di 11</td>
<td>testo di 12</td>
</tr>
</table>


</p>


</p>


</p>


</p>


</p>


</p>
</div>
<div id="footer">Resetconsulting.com

© Ilaria Aprile design ilariaaprile@hotmail.com</div>
</div>
<script language="javascript">postamble();</script>
</body></html>


CSS

html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}/*è centrato quindi i colonnini di fianco si formano da soli*/
div#container{position: relative; height:100%;width: 760px;margin: 0 auto;text-align: left;/**/
border-left: 2px solid black;border-right: 2px solid #36c}/*distanza dal bordo del container e content*/
/*solid dice che quello spazio è pieno e colorato*/
div#footer{position: absolute;width: 100%;
}

/*stili generici, su header e footer*/
div#header{height: 135px;background: url(images/header-offerte_03.gif))}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer{height: 48px;text-align:center;
background-color: #69c; color: #000}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline; background:url(images/imgfooter.jpg)}

/*stili specifici per il layout*/
div#navigation{height: 41px;background: url(images/navigation4.jpg))}
div#content{height: 717px; background: url(images/images/content4-height-741_03.jpg)}


/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#FFCC33;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}