problema css e div

[timberwolf]

Scusate per la domanda, so che é il solito problema dei div ma ci sto diventando scemo e ho bisogno del vostro aiuto..

in pratica non riesco ad allineare correttamente il div 3(bordo color verde) all'interno del div chiamato scheda (bordo rosso).. Posto il codice css ed allego grab..

/* INIZIO ELENCO SCHEDE */

.scheda{
width: 750px;
height: 300px;
border: 1px solid;
border-color: red;
}

/* BLOCCO DIV 1 */

.div_1{
float: left;
width: 200px;
height: 200px;
border: 1px solid;
}

.div_title{
margin-left: 20px;
margin-bottom: 5px;
border: 0px;
color: #0b71a8;
font-family: monotype corsiva;
font-size: 22px;
font-weight: bold;
}

.div_cover{
margin-left: 20px;
width: 139px;
height: 124px;
border: 8px solid;
border-color: #222222;
}

/* FINE BLOCCO DIV 1 */

/* INIZIO DIV 2 */

.div_2{
float: left;
margin-left: 30px;
width: 500px;
height: 250px;
border: 1px solid;
}

.div_label_1{
clear: both;
float: left;
width: 160px;
margin-top: 30px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

.div_testo_1{
float: left;
margin-top: 30px;
margin-left: 30px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
}


.div_label_2{
clear: both;
float: left;
width: 160px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

.div_testo_2{
float: left;
margin-top: 5px;
margin-left: 30px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
}

.div_label_3{
clear: both;
float: left;
width: 160px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

.div_testo_3{
float: left;
margin-top: 5px;
margin-left: 30px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
}

.div_label_4{
clear: both;
float: left;
width: 160px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

.div_testo_4{
float: left;
margin-top: 5px;
margin-left: 30px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
}

.div_label_5{
clear: both;
float: left;
width: 160px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

.div_testo_5{
float: left;
margin-top: 5px;
margin-left: 30px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
}

.div_label_6{
clear: both;
float: left;
width: 160px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

.div_testo_6{
float: left;
margin-top: 5px;
margin-left: 30px;
margin-bottom: 10px;
border: 1px solid;
font-family: monotype corsiva;
font-size: 14px;
font-weight: bold;
}

/* FINE DIV 2 */


/* INIZIO DIV 3 */

.div_3{
clear: both;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
width: 200px;
height: 50px;
border: 1px solid;
border-color: green;
}



/* FINE DIV 3 */

qui il grab:

http://www.os4games.it/immagini/div.png

il problema é che se aumento l'altezza del div 3, questo esce fuori dal div scheda..

[timberwolf]

ho risolto parte del problema togliendo al div scheda l'attributo height, ora però, mi rimane il problema che non riesco a distanziare il div3 dal div2 anche impostando l'attributo margin-top: 10px;

[timberwolf]

ho risolto modificando il div3 così:

.div_3{
clear: both;
margin-bottom: 20px;
margin-left: 20px;
width: 200px;
height: 50px;
border: 1px solid;
border-color: green;
}

ed il div2 così, praticamente al div 2 ho usato l'attributo margin-bottom:

.div_2{
float: left;
margin-left: 30px;
width: 500px;
height: 250px;
border: 1px solid;
margin-bottom: 40px;
}

Funziona, ma non sono mica convinto..

[fcaldera]

eventualmente se non hai risolto, riapri una nuova discussione con un titolo a norma, come richiesto dal regolamento in evidenza , grazie -