Tabella:
codice:
<table width="850" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3" align="center" style="background-color:#ffffcc">bla bla</td>
</tr>
<tr>
<td width="216" valign="top" style="background-color:#ffccff">colonna sinistra</td>
<td width="418" valign="top" align="center" style="background-color:#99ccff">colonna centrale</td>
<td width="216" valign="top" style="background-color:#ffccff">colonna destra</td>
</tr>
</table>
i colori di sfondo sono solo per visualizzare meglio le celle.
Invece con div e css e senza tabella:
codice:
<div id="wrapper">
<div id="top">scritta</div>
<div id="left">colonna sinistra</div>
<div id="center">colonna centrale</div>
<div id="right">colonna destra</div>
<div id="clear"></div>
</div>
e il css sarà:
codice:
* {
margin:0;
padding:0;
}
#wrapper {
width:852px;
margin:0 auto;
}
#top {
text-align: center;
}
#left {
width:216px;
float:left;
background-color:#99CCFF
}
#right {
width:216px;
float:right;
background-color:#CCCCFF
}
#center {
width:400px;
float:left;
margin:0 10px;
background-color:#FFCCFF
}
#clear {
clear:both;
}
dimensioni da regolare a piacere