Newsgroup: it.comp.www.html
Titolo: [CSS]

Sto realizzando il layout per il sito di un nuovo cliente, e vorrei 
proporre qualcosa interamente governato da CSS. L'impostazione sara' 
piuttosto classica, e cioe':
- un banner
- due colonne affiancate
- un footer
In pratica vorrei realizzare questo assetto (e' necessario un font non 
proporzionale per vedere lo schema):
 --------------------------------------------------------------
 |                          BANNER                            |
 --------------------------------------------------------------
 |              |                                             |
 |              |                                             |
 |              |                                             |
 |              |                                             |
 | COLONNA SX   |                COLONNA DX                   |
 |              |                                             |
 |              |                                             |
 |              |                                             |
 |              |                                             |
 --------------------------------------------------------------
 |                          FOOTER                            |
 --------------------------------------------------------------
Il problema che viene fuori (perche' ovviamente un problema DEVE venire 
fuori, mica puo' funzionare tutto, che diamine!)... Il problema, dicevo, 
e' questo: come faccio per avere le due colonne di altezza uguale 
qualsiasi siano i contenuti della colonna DX?
La colonna SX ha sempre gli stessi contenuti (il menu di navigazione e 
altre cose), che non cambiano mai; la sua altezza e' quindi fissa.
La colonna DX invece varia di altezza da pagina a pagina, a seconda dei 
contenuti, e spinge giu' (giustamente) il footer.
La colonna SX ha un semplice sfondo ciano omogeneo, che pero' si 
interrompe lasciando bianco il rimanente spazio necessario per arrivare 
fino al footer, spinto giu' dai contenuti della colonna DX.
Visivamente, ecco quello che succede:
 --------------------------------------------------------------
 |                          BANNER                            |
 --------------------------------------------------------------
 |              |                                             |
 |              |                                             |
 |              |                                             |
 |              |                                             |
 | COLONNA SX   |                                             |
 |              |                                             |
 |              |                                             |
 |              |                 COLONNA DX                  |
 |==============|                                             |
 |..............|                                             |
 |..............|                                             |
 |..............|                                             |
 |..............|                                             |
 |..............|                                             |
 |..............|                                             |
 --------------------------------------------------------------
 |                          FOOTER                            |
 --------------------------------------------------------------
C'e' un modo per far si' che l'altezza della colonna SX sia uguagliata a 
quella della colonna DX?
Il layout che sta venendo fuori e' molto bello, e i grafici stanno 
realizzando l'aspetto estetico, la "carrozzeria" da mettere su questa 
scheletratura, e io non vorrei rinunciare alla soluzione full-CSS.
Scusate per la prolissita', ma l'argomento mi tocca da vicino, 
soprattutto perche' ho insistito parecchio per proporre questo assetto 
basato sui CSS, e ieri i miei cari collaboratori hanno passato il 
pomeriggio a prendermi per i fondelli dato che non riuscivo a risolvere 
il problema...
Datemi 'na mano, ve prego, senno' mi tocca farli fuori tutti!!! :-)
-- 
 \\
  \\__ Falco Stellare - 
falco.ste...@libero.it
       <<Togli il TAPPO per avere l'indirizzo giusto>>

 quella della colonna DX?
Ho avuto un'idea che mi ha consentito di risolvere il problema: 
praticamente ho assegnato al DIV che contiene tutta la pagina un colore 
di sfondo uguale a quello della colonna SX.
In pratica succede questo: il DIV in questione (il DIV globale) ha 
adesso un colore di sfondo. Questo DIV globale non e' mai visibile nella 
pagina, dato che e' sempre coperto dagli altri DIV presenti (banner, 
footer, colonna SX e colonna DX).
L'UNICO PUNTO dove il colore di sfondo del DIV globale emerge e' nello 
spazio che affiora al termine della colonna SX quando la colonna DX e' 
piu' lunga e spinge in basso il footer, allontanandolo dal fondo della 
(piu' corta) colonna SX. In questo caso, pero', essendo il colore di 
sfondo del DIV globale uguale a quello della colonna SX, all'occhio 
appare come se la colonna SX fosse estesa fino al footer.
E' un trucco, che pero' mi ha risolto perfettamente il problema.
Ora mi rimane la curiosita' di sapere se esiste invece un modo per 
controllare lo stesso effetto con la sintassi normale dei CSS...


 Datemi 'na mano, ve prego, senno' mi tocca farli fuori tutti!!! :-)
se dovessi avere altri problemi:
http://www.redmelon.net/tstme/3cols2/
http://www.inknoise.com/experimental/layoutomatic.php
ciao.
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

quella della colonna DX?
Metti le due colonne in un contenitore di livello superiore al quale poi
darai lo stesso colore di sfondo di COLONNA SX.
Dovrebbe bastare questo, ho affrontato questo stesso problema ieri :-D
-- 
Confucius say... Girl laid in tomb may soon become mummy.
 |\ |       |HomePage   : 
http://digilander.libero.it/nemesis2001/
 | \|emesis |XPN (my nr): 
http://xpn.altervista.org

 di sfondo uguale a quello della colonna SX.
"great minds think alike", leggi la mia risposta
al tuo problema.


 "great minds think alike"
Beh, ti ringrazio moltissimo per il "great mind" :-)
Ci ho sbattuto la capoccia tutto il giorno, poi ho mollato e mi sono 
messo a suonare la mia fedele Stratocaster.
Aho', ha funzionato! :-)
Ad un certo momento mi e' venuta l'illuminazione (o forse ho preso la 
scossa e non me ne sono accorto :-)))
Comunque e' piu' comodo come mi hai suggerito, ossia creare un DIV che 
contenga le due colonne, in modo da non andare a mettere le mani dove 
non serve...


 se dovessi avere altri problemi:
Segnati, grazie per l'aiuto!!! :-)


 Metti le due colonne in un contenitore di livello superiore
Hai ragione, e' sicuramente la soluzione piu' razionale. Grazie per il 
tuo aiuto! :-)


al tuo problema.
Pure io pure io pure io :-D
-- 
Compulsive lying aside, I don't have a single fault.
