ciao mich
questo è il doctype
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
questo è il css per il layout completo del sito
codice:
html,body{margin:0;padding:0}
body{font: 76% Verdena,sans-serif;text-align:center;background-color:#212120}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#container{text-align:left;background-image: url("images/sfondo.jpg"); background-repeat: no-repeat}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;color: #79B30B}
div#content p{line-height:1.4}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:770px;height:600px;margin:0 auto}
div#content{float:right;width:570px}
div#navigation{float:left;width:150px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%;top: auto}
e l'html che utilizza la classe box:
codice:
<table width="100%" border="0">
<tr>
<td>
<div class="box">
[img]images/newssito.gif[/img]
<h5>[img]images/icon_home.gif[/img] Nuovi sfondi desktop da scaricare </h5>
<h5>[img]images/icon_home.gif[/img] Inserita pagina </h5>
<a>Leggi tutto...</a></div></td>
<td><div class="box">
[img]images/titoli_home2.gif[/img]
<h5>[img]images/icon_home.gif[/img] Gare </h5>
<h5>[img]images/icon_home.gif[/img] Gare </h5>
<a>Leggi tutto...</a>
</div></td>
</tr>
<tr>
<td><div class="box">
[img]images/titoli_home3.gif[/img]
[img]images/centro.gif[/img]</div></td>
<td><div class="box">
[img]images/newssito.gif[/img]
<h5>[img]images/icon_home.gif[/img] Inserita pagina </h5>
<h5>[img]images/icon_home.gif[/img] Inserita pagina </h5>
<a>Leggi tutto...</a></div></td>
</tr>
</table>
l'ho testato su IE6 e Firefox 1.5