Problema con div CSS

mitchh

Problema con div CSS

Salve a tutti,
volevo sottoporvi un problema che sto incontrando con il posizionamento di due div all'interno di un altro nel seguente modo:

ecco il codice dei 3 div che devo posizionare:

#content{
	width: 80%;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: inset 1px  1px 1px #dedede, 
              inset -1px -1px 1px,
              inset 1px -1px 1px,
             inset -1px  1px 1px;
	min-width: 960px;
}

#left_side{
 width: 65%;
	float:left;
}


#right_side{
 width: 35%;
 
}

Praticamente il content racchiude questi due div che dovrebbero costituire le due colonne del layout.

<div id="content">
           
                <div id="left_side">                 
           </div>
                
                <div id="right_side">
               
                </div>
                                                         
            </div>

Ora non capisco una cosa, utilizzando il codice in questo modo, i div right e left, sono si allineati, si al centro della pagina, ma non
dentro il content, sono fuori da esso.

Se invece tolgo il float al div right, sono entrambi dentro, ma il right scivola sotto il left e diventa di altezza doppia.
Ho provato e riprovato, ma non capisco proprio cosa ci sia di sbagliato nel codice, per favore un aiutino!

Grazie mille per l'aiuto, e scusate per tutta sta pappardella

bonzetto


#content{
    
    margin: 0 auto;
    background-color: #FFF;
    box-shadow: inset 1px  1px 1px #dedede, 
              inset -1px -1px 1px,
              inset 1px -1px 1px,
             inset -1px  1px 1px;
            
    
}

#left_side{
 width: 65%;
    float:left;
    
}


#right_side{
 width: 35%;
float:right;
}

mitchh

mmm, non funziona,
o meglio, non mi fa ottenere l'effetto voluto!
Quello che voglio ottenere è un box al centro di larghezza 80%,
con questi due, left e right che sono all'interno di esso con questo layout.
Comunque grazie mille per averci provato

bonzetto

@Mitchh said:

mmm, non funziona,
o meglio, non mi fa ottenere l'effetto voluto!
Quello che voglio ottenere è un box al centro di larghezza 80%,
con questi due, left e right che sono all'interno di esso con questo layout.
Comunque grazie mille per averci provato

width:80%;
height:auto;

nel div content

mitchh

k grazie ci son riuscito!