Newsgroup: it.comp.www.html
Titolo: problema div allineati elastici

salve.
Dovrei risolvere il seguente problema:
ho due div allineati con un float:left ed in pratica quello di sinistra 
che fa da bordo a quello di destra tramite un background-image ripetuto 
su y, dovrebbe seguire tutta la lunghezza del div sulla destra, che è 
formato da altri 3 div interni (un div per l' intestazione, uno per il 
footer ed uno centrale per il corpo, che è elastico). Da quel poco che 
so, se do un height:100% al div di sinistra, dovebbe prendersi tutta l 
'altezza del div contenitore (credo) ed invece è come se fosse uguale a 
zero, infatti il div di destra mi si sposta a sinistra sostituendosi a 
quest' ultimo. Se invece imposto l' altezza precisa oppure inserisco del 
testo nel div a sinistra, ovviamente si allunga ed è tutto bene 
allineato ma a me serve che si allunghi assieme a quello di destra in 
base al contenuto. Come posso risolvere? Mica devi rifare tutto? :-(
Inserisco di seguito la porzione di html e css, sperando di non aver 
fatto troppi "orrori" (sto imparando da poco :-) )
I div incriminati sono "loghi"(a sinistra) e "news" (a destra elastico)
XHTML
<div id="container">
       <div id="loghi"></div>
     <div id="news">
       <div id="news_head"></div>
       <div id="news_body">prova contenuto news prova contenuto news 
prova contenuto news prova contenuto news prova contenuto news prova 
contenuto news prova contenuto news prova contenuto news prova contenuto 
news prova contenuto news prova contenuto news prova contenuto news 
prova contenuto news prova contenuto news prova contenuto news prova 
contenuto news prova contenuto news prova contenuto news prova contenuto 
news prova contenuto news prova contenuto news prova contenuto news 
prova contenuto news prova contenuto news prova contenuto news prova 
contenuto news prova contenuto news </div>
       <div id="news_footer"></div>
       </div>
CSS
div#container {
	float:right;
	height:auto;
	padding-right:10px;
	width:937px;
	background-image:url(images/images_layout_08.png);
	background-repeat:repeat-y;
	background-position:right;
	background-color:white;
}
div#loghi {
	float:left;
	height:100%;
     min-height: 100%;
	width:141px;
	background-color:#ff9c00;
     background-image:url(images/images_layout_40.png);
	background-repeat:repeat-y;
	background-position:right;
}
div#news {
	width:138px;
	height:auto;
	float:left;
	padding-left:10px;
	margin-right:7px;
	background:url(images/images_layout_15.png) repeat-x
}
div#news_head {
	height:33px;
	background:url(images/images_layout_11.png)
}
div#news_body {
	min-height: 50px;
     height: auto !important;
	padding:0 5px 0 5px;
	background:#4d78a3;
	font-size:12px;
	text-align:justify
}
div#news_footer{
	height:30px;
	background:url(images/images_layout_37.png)
}
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

ehm...mi sa che ho risolto da solo!
Anche se ho modificato il sistema, quindi il dubbio resta e se qualcuno 
può spiegarmi ne sarò grato!
Allo stesso modo, se a qualcuno può servire, illustro come ho risolto: 
in pratica ho eliminato il div "loghi" ed inserito come sfondo dell' 
intero content un' immagine di 1px per l' intera larghezza 
rappresentante i colori dei bordi ed i colori delle barre laterali ed il 
content, ripetuta su y. Per allineare il div "margin" (sfalsato a causa 
dell' eliminazione di "loghi") ho inserto un padding-left. In questo 
modo cambiando il contenuto, il bordo si allunga su tutto il documento 
sia a destra che a sinistra, senza interrompersi come prima e l ostesso 
avvieme se modifico il contenuto delle news, allungando di conseguenza 
tutto il documento. Ovviamente senza alcuna immagine del layout sarà un 
po' difficoloso capire...spero di essere stato chiaro
