So che è un argomento già trattato milioni di volte.
Ma non riesco proprio a farlo.
Sto creando un sito, layout a 3 colonne.
Il contenuto della colonna di sx e di quella di dx è praticamente sempre lo stesso, quello che cambia è solo quello del content.
La domanda è: come faccio nel momento in cui il content è piu' lungo a far si' che il navigation e l extra si allunghino fino a raggiungere il content?.

Ho letto che devo usare l immagine e poi fare il repeat-y, ma non ci riesco.

Vi posto l attuale css sperando nel vostro aiuto.
html,body{margin:0; padding: 2;background-color:Gainsboro}
body{font-family: arial,sans-serif; font-size: 76%}
A.stra2{font-family:fanct ; font-size: 16px; DISPLAY: block; text-align:center; padding-left:4px; width:auto; line-height:25px; height:25px; border-bottom:1px outset; text-decoration:none; background-color:limegreen ; color:black}
A.stra2:hover {TEXT-DECORATION: none; background-color: green; font-weight:bold; }
div#container{}
div#header{background-color:black; margin-left:140px;margin-right:140px;margin-top:65px;}
div#navigation{background-color: limegreen; display:inline; height: 116%; float: left; margin-left: 140px; width:13% ;border-style:inset}
div#extra{background-color: red; height: 116%;float: right;display:inline;width:15%;margin-right: 140px;border-style:inset}
div#content{padding: 2;background-color:#f0ffff; height: 116%; width: 100% float: center; margin-left:140px; margin-right:140px ;border-top-style:inset}
div#footer{clear:both;padding:0.5em; overflow:auto;background-color:#B0D0E8; color:#000; text-align:center;margin-left:140px;margin-right:140px}
Grazie mille