Codice HTML:
<body>
<div id="pagina">
<div id="sinistra">
1
2
1
2
1
1
2
1
2
1
1
2
1
2
1
1
2
1
2
1
1
2
1
2
1
1
2
1
2
1
1
2
1
2
1
1
2
1
2
1
</div>
<div id="destra">
ciao
</div>
</div>
</body>
Codice CSS:
#pagina
{
width:100%;
height:100%;
background-color:#CC99FF;
}
#sinistra
{
float:left;
width:30%;
height:100%;
background-color:#FFFF66;
}
#destra
{
width:65%;
height:100%;
background-color:#0000CC;
}
body {
height:100%;
}
Il problema è questo: se una delle due colonne supera la lunghezza settata al 100%, l'altra colonna non si adegua e una colonna diventa piu lunga dell'altra.
Rispondi quotando