@Alexandro said:
Ora il problema è che se riempio troppo la colonna di sx, il contenuto se ne va fuori dal corpo. A me serve solo quella struttura, senza dovermi preoccupare della roba che sbatto dentro i div.
Se non ti crea problemi generare lo sfondo per i diversi elementi con un'immagine ripetuto-y ci sarebbe questo layout, dove non ti devi assolutamente preoccupare di quale colonna diventa più lunga:
[HTML]
<html>
<head>
<title>Tre colonne: Larghezza Fissa</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
margin:0;
padding:0;
text-align:center;
background-color: #fff;
/stesso colore di colonna 2 se si usa un backgroundimmagine trasparente in bodyContent/
}
#bodyContent {
width:760px;
text-align:left;
margin:0 auto;
background-image: url(immagini/sfondo-1.png);
/sfondo per le colonne a sx e dx con il centro trasparente
oppure si mette lo sfono per tuti e tre le colonne in un immagine/
background-repeat: repeat-y;
}
#testa {
background:#ccc;
border:1px solid #000;
padding:1em 0;
}
#colonna1 {
float:left ;
width:160px;
padding:1em 0;
}
#colonna3 {
float: right;
width:200px;
padding:1em 0;
}
#colonna2 {
margin:0 200px 0 160px;
padding:1em 0;
background-color:;
}
#piedipagina {
background:#eee;
border:1px solid;
padding:1em 0;
}
.clear{
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style>
</head>
<body>
<div id="bodyContent">
<div id="testa">
TESTA
</div>
<div id="colonna1">
COLONNA 1
</div>
<div id="colonna3">
COLONNA 3
</div>
<div id="colonna2">
COLONNA 2
</div>
<br class="clear" />
<div id="piedipagina">
PIEDIPAGINA
</div>
</div>
</body>
</html>
[/HTML]
