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:
codice:
.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?