Newsgroup: it.comp.www.html
Titolo: CSS e gabbie

Ciao a tutti,
avrei un quesito da porvi visto che non risco a venirne a capo e non 
sono riuscito a trovare nulla in giro per la rete.
ammettiamo di avere tre box
<div class="esterno">
   <div class="menu_lat">
      voce di menu
      voce di menu
      voce di menu
   </div>
   <div class="info">
      Qui  ci scrivo molte cose per riampire la pagina.
   </div>
</div>
il foglio di stile:
info
{
	FLOAT:right;
	PADDING: 0px;
	MARGIN: 0px;
	WIDTH: 88%;
}
menu_lat
{
	FLOAT:left;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	WIDTH: 10%;
	HEIGHT=100%;
	BACKGROUND-IMAGE: url(../img/tb_bak.gif);
}
esterno
{
	FLOAT:left;
	BACKGROUND: #FFFFFF;
	BORDER-STYLE: solid;
	BORDER-COLOR: gray;
	BORDER-WIDTH: 1px;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
	COLOR: #000000;
	PADDING: 5px;
	WIDTH: 96%;
}
il problema è che il menu laterale pur impostando l'altezza a 100% 
non mi arriva fino alla fine della pagina.
Avete qualche suggerimento?
Grazie a tutti
Stefano
Inviato da 
www.mynewsgate.net

html { height: 100%; }
body { height: 100%; }


Ciao,
grazie per la risposta, funziona ma ... non sempre, nel senso 
che se il div destro ha una altezza superiore al 100% perchè ad 
esempio contiene molte informazioni, il div del menu non si 
adegua.
Posso immaginare che questo comportamento sia imutabile al fatto 
che ho usato gabbie float?
grazie lo stesso per la dritta, se avessi comunque qualche 
ulteriore dritta sarebbe graditissima.
ciao e grazie ancora.
Stefano
Inviato da 
www.mynewsgate.net

 che ho usato gabbie float?
e' ora di leggersi il "float tutorial":
http://css.maxdesign.com.au/floatutorial/
#8 e gia' che ci sei #9.
ciao!
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

 #8 e gia' che ci sei #9.
Ottimi, ne ho approfittato anche io.
Ma c'e' un cosa che non mi torna:
Se metto un colore di sfondo diverso per leftnav, content e rightnav 
viene molto brutto perche' rimangono degli sfondi bianchi. Non c'e' modo 
di evitarlo?
E se una delle colonne laterali per un motivo qualsiasi diventa piu' 
lunga della colonna centrale si scompagina tutto. Nel mio sito questo 
capita quando uno fa una ricerca e non ottiene nessun risultato, nella 
colonna centrale c'e' scritto solo "nessu risultato per la ricerca" e la 
colonna di sinistra che ha tutti i menu e' molto piu' lunga.
ciao
Mauro


Grazie 1000 per la dritta.
ciao
Stefano
Inviato da 
www.mynewsgate.net

ciao!
Ciao, letto il tutorial, molto carino e utile ... ma non mi 
risolve il problema, infatti se il menu di sinistra ha 
un'immagine di sfondo oppure un colore diverso, non riesco a 
farlo arrivare fino al "footer" che è proprio come servirebbe a 
me.
mi sa che dovrò rinunciarvi :-(((
cmq considerando l'esempio del tutorial, ci sono delle 
differenze di resa tra IE6 e Mozilla 1.4, quest'ultimo centra il 
div nella pagina correttamente, IE6 "manco a crick" come si dice 
dalle nostre parti.
grazie per l'interessamento.


 colonna di sinistra che ha tutti i menu e' molto piu' lunga.
non capisco:
http://www.deelan.com/temp/3col.html
dove'e' che si scombina? il margine a dx? applicalo alla sidebar 
anziche' al content. non puo'scombinarsi, perche utilizzi un float
per piazzare la colonna dx e sx, non "trucchi" con "position:absolute".
ciao.

 per piazzare la colonna dx e sx, non "trucchi" con "position:absolute".
ecco:
http://ingprj.diegm.uniud.it/css/menu_tre_colonne.htm
ciao
Mauro

 mi sa che dovrò rinunciarvi :-(((
ufffffffff... quando fate cosi' e vi arrendete subito...
  piazza una img di sfondo al div padre (non al menu sx) e setta il 
"background: transparent" per il menu (non si sa mai). se
la largezza del menu a sx e' fisso (credo che sia il caso, no?)
allora questo si "siedera'" sullo sfondo del div padre.
non puoi pretendere di avere la botte piena e la moglie ubriaca,
ma penso che un po' di liberta nella scelta del layout tu ce l'abbia
no? quindi puoi sistemare le cose come ti e' piu' conveniente.
ciao.