Sidebar alta quanto la pagina

[dado991]

Ho un sito in cui volevo implementare un layout a 3 colonne, per far ciò ho utilizzato un modello preso dalla libreria di dreamwaver, l'unico problema è che vorrei che le due sidebar laterali fossero alte quanto la parte centrale e non dipendenti dal contenuto.

Ho questi CSS definiti:

.container {
width: 1100px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.header {
padding: 10px 10px;
background-color: #3CF;
margin: 0;
}
.sidebar1 { 
float: left; 
width: 250px; 
background-color: #EBEBEB; 
padding: 15px 0;
}
.content {
padding: 10px 0;
width: 600px;
float: left; 
} 
.sidebar2 { 
float: right; 
width: 250px; 
background-color: #EBEBEB; 
padding: 15px 0; 
} 
.footer { 
padding: 10px 10px;
background:#3CF; 
margin: 0; 
position: relative; 
clear: both; }

Rispettivamente per:
-il contenitore
-l'intestazione
-sidebar sinistra
-testo centrale
-sidebar destra
-piè di pagina
Cosa dovrei modificare per ottenere ciò che voglio?

[ac_socmel]

la cosa migliore visto che usi un layout di dimensioni fisse
è applicare un'immagine di sfondo al container

.container {
width: 1100px;
background: #EBEBEB url(sfondo-content.jpg) repeat-y center top;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.header {
padding: 10px 10px;
background-color: #3CF;
margin: 0;
}
.sidebar1 { 
float: left; 
width: 250px; 
padding: 15px 0;
}
.content {
padding: 10px 0;
width: 600px;
float: left; 
} 
.sidebar2 { 
float: right; 
width: 250px; 
padding: 15px 0; 
} 
.footer { 
padding: 10px 10px;
background:#3CF; 
margin: 0; 
position: relative; 
clear: both; }

[dado991]

Ho fatto la modifica che mi hai detto, ma non è cambiato niente nelle barre laterali, ho usato un'immagine di 2x2 rossa in modo da vedere cosa succede, questa appare ripetuta in verticale nel centro del contenitore principale.

[ac_socmel]

stando al codice che hai postato l'immagine dovrebbe essere 600x2
nella pagina non vedo più float e colonne

[dado991]

Se hai guardato il link, la pagina adesso risulta completamente sballata, ho cancellato qualcosa con l'editor di altervista e non torna più niente, appena torno a casa ripristino il backup che ho sul pc.

Avevo pensato anche di riscrivere da capo la pagina senza usare un template già pronto, sai mica indicarmi se sul sito c'è una guida per fare un layout a tre colonne, larghezza fissa e altezza dinamica ?

Grazie mille!

[ac_socmel]

prova nei link utili http://forum.html.it/forum/showthrea...readid=1013463

nel tuo codice ho trovato

/* ~~ Queste sono le colonne del layout. ~~

o lo cancelli del tutto oppure chiudi il commento

/* ~~ Queste sono le colonne del layout. ~~ */

[dado991]

Ho chiuso il commento ed è andato tutto a posto. Rimane il problema iniziale, puoi vedere come è la pagina dopo la tua modifica.

Ps. Nei link utili ho trovato 3 possibili guide, appena a casa gli do un'occhio.

[ac_socmel]

l'immagine deve essere larga quanto lo spazio fra le 2 colonne
al momento si parla di 750px

[dado991]

Ho usato un'immagine larga 750 e alta 1, continua a non cambiare niente. Dove sbaglio?

[ac_socmel]

sbagli il colore di sfondo, usi

background: #FFFFFF url(sfondo.gif) repeat-y center top; 	margin: 0 auto;

invece di

background: #ebebeb url(sfondo.gif) repeat-y center top; 	margin: 0 auto;

e inoltre dovresti togliere lo sfondo dalle colonne laterali
alleggerire il codice è un obbligo