- Home
- Categorie
- Coding e Sistemistica
- Help Center: consigli per il tuo progetto
- Problema con div CSS
-
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
-
#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; }
-
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
-
@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 provatowidth:80%;
height:auto;nel div content
-
k grazie ci son riuscito!