CSS:
codice:
html {
	width: 100%;
	height: 100%;
	font-size: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Georgia, Verdana, "Times New Roman";
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	background-color: #2B3271;
	margin: 0px;
	padding: 0px;
}
#colonnona {
	width: 614px;
	height: 100%;
	text-align: center;
	position: relative;
	margin: 0 auto;
	top: 0px;
	bottom: 0;
	left: 0px;
}
#colsx {
	float: left;
	width: 17px;
	height: 100%;
	background-image: url(img/bg_col_sx.gif);
	background-repeat: repeat-y;
	position: relative;
}
#colcx {
	float: left;
	width: 580px;
	height: 100%;
	position: relative;
	background-color: #22275B;
}
#coldx {
	float: right;
	width: 17px;
	height: 100%;
	background-image: url(img/bg_col_dx.gif);
	background-repeat: repeat-y;
	position: relative;
}
HTML:
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" lang="it">
......
<body>
<div id="colonnona" align="center">

<div id="colsx">a</div>

<div id="colcx">b</div>

<div id="coldx">c</div>

</div>
</body>
</html>
Seguendo qualche discussione qui nel forum ho trovato questa soluzione per poter realizzare delle colonne laterali ad altezza 100% della pagina, solo ceh pensavo che si allungassero automaticamente all'allungamento dei contenuti, ma questo non avviene.

Sbaglio qualcosa?
Ho capito male io e ciò che vorrei realizzare non è possibile?


Ciaoooooo!!!!!!!