div affiancati

[spark]

div affiancati

C'è un div site che racchiude 2 div: left e corpo

div#site{
height:100%;
float:left;
margin:0 auto;
}

div#left{
width:241px;
height:100%;
float:left;
margin-left:14px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ec7f11;
border-right-width: 1px;
border-right-style: solid;
border-right-color:;
}

div#corpo{
width:530px;
height:100%;
float:right;
margin-right:14px;
border-right-width: 1px;
border-right-style: solid;
border-right-color:;
}

Il div site, dovrebbe essere il div principale del sito che segnala a questi 2 div che la loro altezza deve raggiungere la sua.

Altrimenti avrei il div corpo più lungo e quindi delimitato dal bordo e a sinistra il bordo dove finiscono i link, finisce e quindi non continua più il bordo...

Mentre se arrivano entrambi alla stessa altezza cioè quella del div site che li racchiude, posso poi aggiungere sotto il footer del sito per completarlo.

Attendo vostri suggerimenti.

[karedas]

Ciao SpArK :),
non ho capito bene la domanda ma comunque per poter fare in modo che i div interni ad un altro possano raggiungere la stessa altezza del loro contenitore devi dare a quest'ultimo una dimensione fissa.

Se la tua necessità è semplicemente chiudere con un footer allora potresti aggiungerlo comunque dandogli come clausola "clear:both;".

Spero di aver capito, facci sapere!

[akela86]

Se il tuo problema è la linea che deve separare le due colonne puoi creare uno sfondo da attribuire al div site che ripetuto in altezza ti dia una linea di separazione.