Newsgroup: it.comp.www.html
Titolo: Problema con un div "contenitore"

Ho un div "contenitore" che al suo interno ha altri due div "colsin" e
"coldes", il problema è che il div contenitore non si adatta mai in
altezza rispetto ai due div contenuti in esso.
come posso fare per risolvere questo problema?
questo è il codice che utilizzo
.............................................................................................................................
<div id='contenitore'>
<h1>SETUP FANTACALCIO</h1>
<hr />
<div id="colsin">
	<h2>Passi</h2>
    <il id='menu'>
        <li>1- Creazione Squadre</li>
        <li>2- Creazione Calendario</li>
        <li>3- Giocatori Serie A</li>
        <li>4- Creazione Rose</li>
    </il>
</div>
<div id="coldes">contenuto</div>
</div>
div#contenitore{
	width:800px;
	height:950px;
	background-color:#6699FF;
	border: 1px solid #336699;
	margin: 0 auto;
	padding:10px;
}
#colsin{
	float:left;
	width:180px;
	height:100%;
	background-color:#FFFFFF;
	border: 1px solid #336699;
	margin-right:3px;
}
#coldes{
	float:right;
	width:590px;
	height:100%;
	background-color:#CCCCCC;
	border: 1px solid #336699;
	padding:10px;
}
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 }
ah mi sono dimenticato di togliere "height"..ho provato in tutti i
modi..ma niente..non si adatta :(


ho risolto bastava aggiungere nel "contenitore" overflow:hidden;


 ho risolto bastava aggiungere nel "contenitore" overflow:hidden;
...per l'appunto. Meglio cosě, questa soluzione ha logica ;)
-- 
albaserver


 come posso fare per risolvere questo problema?
Non so sinceramente se ci sia una soluzione piů pulita e stilisticamente piů
corretta della mia, ma io userei questo piccolo trucco:
<script>
window.onload=function()
{
 var _altezzaColSin=document.getElementById("colsin").offsetHeight;
 var _altezzaColDes=document.getElementById("coldes").offsetHeight;
 var
_altezzaMaggiore=(_altezzaColSin>_altezzaColDes)?_altezzaColSin:_altezzaColD
es;
 _altezzaMaggiore+=100; // qui l'altezza dell'header della tua pagina
 document.getElementById("contenitore").style.height=_altezzaMaggiore+"px";
}
</script>
In pratica ti calcoli l'altezza dei due div (colsin e coldes) e consideri
solo quello piů lungo, ci sommi i pixel che occupa l'header della tua pagina
(al momento la scritta "setup fantacalcio", io ci ho messo 100) e imposti
cosě l'altezza del tuo div contenitore.
Ciao.
-- 
albaserver


 ...per l'appunto. Meglio così, questa soluzione ha logica ;)
Visto che conosci tutte queste soluzioni logiche :D...mi sai su
consigliare su un problema analogo?
ora sono le colonne interne a non adattarsi a vicenda: se quella di
sinistra è meno alta di quella di destra, quella di sinistra non si
"allunga" stesso discorso vale per quella di destra....dai dimmi che
sai aiutarmi :D


 sai aiutarmi :D
La risposta la trovi già nel mio codice ;)
Ti basta solo riadattarlo, provaci e fammi sapere.
-- 
albaserver


 Ti basta solo riadattarlo, provaci e fammi sapere.
quando ho letto il tuo messaggio con "soluzione logica", l'altro
messaggio col la soluzione in javascript non l'avevo ancora visto.
Quindi ho pensato che la tua fosse una risposta  per prendermi in
giro.


 come posso fare per risolvere questo problema?
<div id="coldes">contenuto</div>
<div style='clear:both;'></div> 
</div>


 giro.
No perché dovrei prenderti in giro? ;)
BTW, sei riuscito? Tornando all'argomento logica, proviamo ad usarla: devi
rendere le due colonne alte uguali anche in presenza di contenuti più o meno
estesi. Ti è sufficiente rilevare la colonna più lunga e usare quel dato per
allungare la più corta. Riadatta il mio codice et voilà.
Chiaro?
-- 
albaserver


 Chiaro?
si la tua soluzione javascript mi è chiara, non ci vorrebbe nemmeno
tanto tempo per adattarla alla mia nuova esigenza. Ma sto cercando una
soluzione css, penso che una una cosa del genere si possa
tranquillamente fare, ma non ho ancora capito come!


 </div>
grazie per la risposta, ma non riesco ad ottenere l'effetto
desiderato. Se non ho capito male "clear" serve ad evitare la
sovrapposizione dei div, ma io sto cercando di adattare l'altezza
della colonna sinistra con quella destra e viceversa


 tranquillamente fare, ma non ho ancora capito come!
No, non si puo` fare in css puro.
Bye.


 sai aiutarmi :D
cerca con google "faux columns"
