accavallamento tra due colonne

[rocco.mod]

salve ragazzi buona sera a tutti secondo voi cosa sto toppando? vi spiego , se stringo il browser il contenuto mi si accavalla , il lato destro sul lato sinistro

.contenuto{
    width: 100%;
    background-color: #F3EEE2;
}

.latosinistroaddstaff{
    width: 12%;
    float: left;
        
padding-bottom:20px;
padding-top:20px;
padding-left:5px;
    padding-right:5px;

}
.centroaddstaff{
    float: right;
    width: 86%;
    padding-bottom:20px;
    padding-top:20px;

    padding-right:5px;



    margin:0 auto;
} 

i div sono predisposti cosi:
<div class="contenuto">
<div class="latosinistro"></div>
<div class="centroaddstaff"></div>
</div>

[albertozzo]

Salve,

Mi sa che hai fatto un errore di battitura; sostituisci:

<div class="latosinistro"></div>

con

<div class="latosinistroaddstaff"></div>

[rocco.mod]

scusate per l errore
div sono predisposti cosi:
<div class="contenuto">
<div class="latosinistroaddstaff"></div>
<div class="centroaddstaff"></div>
</div>

[tesfix]

Prova così:


.contenuto{
width: 100%;
background-color: #F3EEE2;
}

.latosinistroaddstaff{
width: 12%;
float: left;
padding-bottom:20px;
padding-top:20px;
padding-left:5px;
padding-right:5px;

}
.centroaddstaff{
float: right;
width: 84%;
padding-bottom:20px;
padding-top:20px;
padding-right:5px;
margin-left:20px;
}

Ciao.