allineare altezze di due div

**markzzz** · 13-10-2010, 16:10

ciao a tutti. Ho una struttura di questo tipo :

codice:

<body> 
    <div> 
        <div id="ROOT" > 
            <div id="ROOT_0" > 
                header  
            </div> 

            <div id="ROOT_1" > 
                <div id="ROOT_1_0>
                    Ciao

                    Ciao

                    Ciao

                    Ciao

                    Ciao

                </div
                
                <div id="ROOT_1_1>
                    Ciao

                    Ciao

                    Ciao

                </div>
            </div

            <div id="ROOT_2" > 
                footer
            </div> 
        </div> 
    </div>
</body>

Come faccio per allineare in altezza i div ROOT_1_0 e ROOT_1_1? perchè il primo (essendo con più testo) risulta più lungo del secondo. C'è un modo?

**ResianTaxidrive** · 13-10-2010, 16:30

l'unica tramite css è assegnare a entrambi una altezza fissa

**markzzz** · 13-10-2010, 16:33

davvero? caspita...male

cioè pensavo che mettendo entrambi i div dentro a un div contenitore (di entrambi) si potesse dire ai div "vai fino in fondo al tuo div contenitore"...

**ResianTaxidrive** · 13-10-2010, 16:51

non mi risulta, dovresti usare javascript per calcolare l'altezza di quello più lungo e assegnare quell'altezza anche all'altro.

**Mich_** · 13-10-2010, 17:38

Il modo si chiama "false colonne".

Vedi tra i "link utili" o fa una ricerca nel forum

**ResianTaxidrive** · 13-10-2010, 17:49

E' vero, me ne ero dimenticata

**markzzz** · 13-10-2010, 18:40

uhm...ho cercato un pò. Ma il trucco funziona quando ho immagini di sfondo da quanto ho capito...e io non ho immagini

**markzzz** · 13-10-2010, 18:49

ho trovato questa guida , e dice praticamente di mettere la prima float:left e la seconda float:right.

Ora, il mio codice css è questo :

codice:

#ROOT_1{width:980px; text-align:center; float:left;}

#ROOT_1_0{width:200px; text-align:center; float:right; margin-top:5px; margin-left:5px; margin-right:5px; font-weight:bold;}
#ROOT_1_1{background-color:#FF9933; width:765px; text-align:center; float:left; margin-top:5px; margin-bottom:5px; margin-right:5px;}

ma mi sembra non funzioni comunque! devo aggiungere un div-falsa-colonna completamente vuoto tutto a sinistra?

**markzzz** · 13-10-2010, 22:37

alè all'idea delle false colonne

funziona alla perfezione! Ho risolto grazie ragazzi

Discussione: allineare altezze di due div

Strumenti discussione

Ricerca discussione

Visualizza

allineare altezze di due div

Permessi di invio