divisione pagina in tre colonne

[rocco.mod]

salve ragazzi scusate volevo chiedervi un aiuto ,io divido la pagina in tre colonne,faccio vedere

<div class="contenuto">
<div class="latosinistro" >

</div>
<div class="centro"> 
</div>
<div class="latodestro">
</div>
</div>

adesso succede che

se al lato sinistro do il 15% e al lato destro do anche il 15% e al centro do il 70% il lato destro si sposta , mi va sotto il lato sinstro, se ad uno ne do dimeno,succede che se stringo il browser mi si sforma tutto sapete perche?


io ho dato questi stili

.latosinistro{
padding-left:10px;

	width: 15%;
	float: left;
}

.centro{
	float: left;
	width: 60%;
	padding:20px;
	height: 100%;
	display: block;
	background-color: #F3EEE2;
}

.latodestro{
	float: right;
	width: 19%;
	clear: right;
	padding:20px;
	text-align: center;
}

[Mich_]

Larghezza totale: 15%+19%+60% + 10px+40px+40px = 94% + 90px

E` difficile che i 90px stiano nel 6% di una pagina. Sarebbe necessaria una pagina larga almeno 1500px: non e` impossibile trovarla, ma molto raro.

[rocco.mod]

scusa una domanda questi due 40px+40px dove sono?

[Mich_]

Devo risponderti con un'offesa?
Meglio che stia zitto.

[rocco.mod]

scusa perche?

[Mich_]

perche` e` un conto che un bambino di seconda elementare sa fare.

Il blocco latosinistro e` largo 15% + 10px
il blocco centro e` largo 60% + 40px (20 di padding-left e 20 di padding-right)
il blocco latodestro e` largo 19% + 40px (idem)

[ricman]

... vabbè... è il padding... 20 di qua più 20 di là in una class più 20 di quà più 20 di là nell'altra class

[rocco.mod]

grazie