Layout css

[i_am_antipop]

Sto cercando di realizzare un layout come nell'allegato.

2 colonne.

SINISTRA
- colonna A

DESTRA
- DIV B
- DIV C
- DIV D (altezza 100%)


Potete darmi qualche dritta o segnalamri un template?

grazie

[thomas_anderson]

ciao!
fondamentalmente tu avresti questa struttura:

<div id="wrapper">
<div id="colsx"></div>
<div id="contenuto">
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
</div>
</div>

si tratta di una variante semplice di layout a due colonne:
in #contenuto vi sono 3 box che andranno impilati (se vuoi il mio consiglio, con la marginazione):

#box1 {
margin: 2em 0;
padding: 0;
width: 100%;
background: #ffe;
color: #000;
}

Nota che io ho usato degli "id". se i tre box sono uguali va usata una sola classe .box. la realizzazione non si discosta dai layout presentati da Alessandro Fulcinti su Html.it. o in alternativa: http://www.constile.org/
oppure CSS Maxdesign. ciao

[andrea.paiola]

ma scusa il div E è alto il 100% di cosa?

[i_am_antipop]

grazie1000!

ora provo subito!


@andrea: 100% dell'altezza dello schermo...

in pratica i box B e C dovrebbero restare di altezza fissa, mentre D (e quindi anche A) dovrebbe arrivare a fondo pagina a qualsiasi risoluzione..