• User

    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 :gthi:


  • User
    
    #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;
    }
    
    
    
    

  • User

    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 🙂


  • User

    @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


  • User

    k grazie ci son riuscito! 🙂