Originariamente inviato da Mich_
Sembra quasi uno sfondo, con all'interno tre aree.
<div id="container">
<div id="testa">testa</div>
<div id="corpo"> </div>
<div id="coda">coda</div>
</div>

con CSS:
codice:
#container {
  background: url(...);
  height: ...;
  width: ...;
}
#testa {
  height: ...;
  width: 100%;
}
#corpo {
  height: 100%;
  width: 100%;
}
#coda {
  height: ...;
  width: 100%;
}
In alternativa, se il #corpo non ha altezza fissa, si puo` mettere una immagine di testa ed una di coda (sempre come sfondo), e nel #corpo inserire un'immagine di una sola riga che si ripete in verticale:
background: url(...) repeat-y;
esatto ma è già così

1) chiedevo se esistono a livello di markup soluzioni migliori

2)il css è questo

codice:
.top_bg
{
	background-image: url(immagini/top_bg.jpg);
	width: 780px;
	height: 60px;
}

.centro_bg
{
	background-image: url(immagini/centro_bg.jpg);
	width: 780px;
	background-repeat: repeat-y;
	background-position: left;
	
	background-color: #deeafa;
	height: auto;
}

.bottom_bg
{
	background-image: url(immagini/bottom_bg.jpg);
	width: 780px;
	height: 30px;
}
ma il comportamento è diverso fra ie e mozzilla :master:
come da foto mozzilla è la foto in basso con la linea bianca

questo se faccio così nel codice :

top

<div class="centro_bg">
<div class="corpoPagina">

cia</p></div>
</div>


bottom