[css] prob. con lo sfondo colonne laterali

[blur]

salve a tutti,

ho un layout a tre colonne,

nonostante il file .css sia così strutturato


#corpo {
width:760px;
margin:0em auto;
text-align:left;
position:relative;
background:#fff;
border:1px solid #000;
}

#corpo-colonna1 {
position:absolute;
top:0; left:0;
width:160px;
background:#fff;

padding:1em 0;
}

#corpo-colonna2 {
margin:0 200px 0 160px;
border-left:1px solid #000;
border-right:1px solid #000;
text-align:center;
background:#ffffff:
padding:1em 0;
}



lo sfondo delle 2 colonne laterali dipendono dallo sfondo del corpo.

ho seguito l'articolo di constile, ma non funziona,
dove sbaglio? :master:

grazie
ciauz

[Federix]

Credo che l'attributo sia background-color: #F0F0F0;.

[blur]

non cambia niente, o meglio, il colore background-color applicato alle colonne laterali, si ferma al termine del testo e non estende per tutta la lunghezza della colonna.
:master:

[Federix]

Questo è normale, in quanto il livello termina dove finiscono i contenuti. Per ovviare a questo problema, dovresti mettere un valore definito per l'altezza così come fai per la larghezza.

[blur]

nell'articolo parlava proprio di questo e di come ovviare al problema
citando:

"Per quanto riguarda il colore dello sfondo delle colonne, la soluzione è molto semplice. Invece di agire direttamente sullo sfondo delle colonne, si agisce sullo sfondo del corpo e della colonna centrale, lasciando lo sfondo delle colonne trasparente:

#corpo {
background:#f0f0f0;
}
#corpo-colonna2 {
background:#fff
}

non parla di definire un valore per l'altezza, altrimenti come faresti se i contenuti fossero diversi per ogni pagina?

[blur]

u p
idee?

[cristiano_longo]

Non conosco il contesto, comunque l'articolo consiglia(a quanto ho letto) di settare il colore del box contenitore e specificare quello delle due barre laterali transparent;

[atomicants]

non ho letto l' articolo, ma cmq se lo schema è questo:

<div id="corpo">

<div id="corpo-colonna1">
(...)
</div>

<div id="corpo-colonna2">
(...)
</div>

</div>

Il background di corpo, se rendi le 2 colonne trasparenti, si fermerà sempre alla fine del contenuto di colonna 2, che non è posizionata in maniera assoluta.

[cristiano_longo]

Io dicevo di impostare il colore di "corpo" e mettere trasparenti corpo-colonna1 e corpo-colonna2. La colorazione prenderà chiaramente tutto il "corpo".

[atomicants]

non so se mi sbaglio, ma "corpo" vede come contenuto solo la colonna 2, e non colonna 1 che è posizionata in absolute.

Perciò, se colonna 1 è più alta, si vedrà lo stacco dello sfondo dalla fine di colonna 2 in giù....