Jonny32
21-08-2005, 17:07
Mi servirebbe di fare una tabella a 3 colonne dentro un'altro <div>.
Conviene farla con i css o con l'html?
Io per ora l'unico modo che ho trovato finora e questo:
<html>
<head>
<style>
body { padding: 100px; }
#part2 { background-color: #FFFFCC }
.t1 {
left: 0px; width: 33.33%;
height: 120px; background-color: #000000 }
.t2 {
position: relative; left: 33.33%;
width: 33.33%; top: -120px;
height: 120px; background-color: #000FFF }
.t3 {
position: relative; left: 66.66%;
width: 33.33%; top: -240px;
height: 120px; background-color: #FF00FF }
</style>
</head>
<body><div id="part2">
<div class="t1"></div><div class="t2"></div><div class="t3"></div></div>
</body>
</html>
http://edt.altervista.org/Prova.htm
Come potete vedere il problema è che il div esterno (nel mio caso part2) si allarga...
Conoscete metodi più efficienti?
Conviene farla con i css o con l'html?
Io per ora l'unico modo che ho trovato finora e questo:
<html>
<head>
<style>
body { padding: 100px; }
#part2 { background-color: #FFFFCC }
.t1 {
left: 0px; width: 33.33%;
height: 120px; background-color: #000000 }
.t2 {
position: relative; left: 33.33%;
width: 33.33%; top: -120px;
height: 120px; background-color: #000FFF }
.t3 {
position: relative; left: 66.66%;
width: 33.33%; top: -240px;
height: 120px; background-color: #FF00FF }
</style>
</head>
<body><div id="part2">
<div class="t1"></div><div class="t2"></div><div class="t3"></div></div>
</body>
</html>
http://edt.altervista.org/Prova.htm
Come potete vedere il problema è che il div esterno (nel mio caso part2) si allarga...
Conoscete metodi più efficienti?