Ho ricevuto richieste per realizzare tabelle con div e css, pertanto per chi fosse interessato, riporto di seguito un codice esempio di tabella 100% 3 colonne e 3 righe adattata a risoluzione 1024x768
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>
<title>Tabella con CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@charset "utf-8";
/* CSS Documento */
.contenitore {
border: 1px outset black;
height: 194px;
position: relative;
text-align: left;
width: 987px;
}
.cella_1 {
height: 46px;
left: 6px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 5px;
width: 306px;
}
.cella_2 {
height: 46px;
left: 329px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 5px;
width: 320px;
}
.cella_3 {
height: 46px;
left: 666px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 5px;
width: 303px;
}
.cella_4 {
height: 46px;
left: 6px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 68px;
width: 306px;
}
.cella_5 {
height: 46px;
left: 329px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 68px;
width: 320px;
}
.cella_6 {
height: 46px;
left: 666px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 68px;
width: 303px;
}
.cella_7 {
height: 46px;
left: 6px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 131px;
width: 306px;
}
.cella_8 {
height: 46px;
left: 329px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 131px;
width: 320px;
}
.cella_9 {
height: 46px;
left: 666px;
border: 1px outset black;
padding: 5px;
position: absolute;
top: 131px;
width: 303px;
}
/* Fine CSS Documento */
</style>
</head>
<body>
<div class="contenitore">
<div class="cella_1">
Prima cella / Prima colonna /Prima riga
</div>
<div class="cella_2">
Prima cella / Seconda colonna /Prima riga
</div>
<div class="cella_3">
Prima cella / Terza colonna /Prima riga
</div>
<div class="cella_4">
Seconda cella / Prima colonna /Seconda riga
</div>
<div class="cella_5">
Seconda cella / Seconda colonna /Seconda riga
</div>
<div class="cella_6">
Seconda cella / Terza colonna /Seconda riga
</div>
<div class="cella_7">
Terza cella / Prima colonna /Terza riga
</div>
<div class="cella_8">
Terza cella / Seconda colonna /Terza riga
</div>
<div class="cella_9">
Terza cella / Terza colonna /Terza riga
</div>
</div>
</body>
</html>