div diversi,stessa dimensione

[nephilim89]

ciao!
la struttura del css è:
3 colonne che hanno una altezza minima di 350px.se il contenuto è più lungo l'altezza aumenta,e il footer si posiziona subito sotto il div più alto.

io vorrei che quando questo succede, anche gli altri 2 div (+ corti) assumano la stessa posizione,in modo da avere 3 colonne che cambiano l'altezza in modo uniforme.

il codice ora è questo:

#left 
{ 
    float:left; 
    margin-top:10px; 
    width:200px; 
    min-height:350px; 
} 

#centro         
{ 
    float:right; 
    margin-top:10px; 
    width:396px; 
    min-height:350px; 
} 

#right 
{ 
    float:right; 
    margin-top:10px; 
    width:200px; 
    min-height:350px; 
} 
#footer 
{ 
margin-top:5px; 
height:30px; 
width:800px; 
clear:both; 

}

 

[MarcoGrazia]

Si può fare solo con alcuni trucchi.
Uno è essere certi che la parte centrale sia sempre più lunga delle altre in modo da simulare l'allungamento.
Poi devi stare attento ai colori, una volta ho visto un trucco servito con i bordi, la parte centrale aveva i bordi laterali larghi quanto le parti laterali della pagina, e le parti laterali erano posizionate sui bordi.
Il mio consiglio però è un altro, usa un colore unico per tutta la pagina, comunque se allunghi uno dei tre division sembrerà che si allunghi anche il resto.