Ciao a tutti, sto rielaborando (tra l'altro tutto a manina perché non ho sottomano Dreamweaver
) un layout di pagina in CSS creato in precedenza con questo programma.
(Vedi screenshot allegato il layout).
Ho il seguente problema: nel corpo centrale vorrei ancorare il box di sinistra (quello verde scuro) al footer, dove metterò il menu di navigazione. Più precisamente, vorrei che suddetto box fosse sempre attaccato al footer, indipendentemente dalla lunghezza del testo alla sua destra, così che man mano che aggiungo righe di testo a destra automaticamente il box a sinistra si allungasse, stando sempre attaccato al footer. Fare questa cosa con le tabelle è facilissimo, ma con i CSS non mi riesce.
Ecco il frammento di codice CSS incriminato.
Codice PHP:
#sidebar1 {
float: left;
width: 12em; /* larghezza del box */
background: #090; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
padding: 60px 0px;
border-right: 3px solid #030;
}
#sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
margin-left: 10px; /* è necessario applicare un margine sinistro e destro a ogni elemento che verrà inserito nelle colonne laterali */
margin-right: 10px;
}
Ho provato a mettere la regola
Codice PHP:
height: XXXpx;
ma questa cosa non mi va comunque bene perché il box si ancora al footer ma se il testo di una pagina è corto sotto mi rimane molto spazio inutilizzato sotto alle scritte.
Come posso fare?
Grazie in anticipo!