[niubbo] non so fare a mettere 3 div in fila! :(

[sirelancillotto]

<div style="width: 600px; height:auto; background-color: red; ">

<div style="width: 200px; height: 30px; background-color: green;">verde</div>
<div style="width: 200px; height: 30px; background-color: blue;">blu</div>
<div style="width: 200px; height: 30px; background-color: white;">bianco</div>

</div>

in questo modo sono uno sotto l'altro..
li vorrei ordinare orizzontalmente.. come si fa?

[sirelancillotto]

ci provo da solo.. col float?

[Vincent.Zeno]

yes...

<div style="width: 600px; height:auto; background-color: red; "> 

<div style="width: 200px; height: 30px; background-color: green; float:left;">verde</div> 
<div style="width: 200px; height: 30px; background-color: blue; float:left;">blu</div> 
<div style="width: 200px; height: 30px; background-color: white; float:left;">bianco</div> 

</div>

[sirelancillotto]

ok grazie

[irdg]

si consiglia però di inserire, in fonto un div (o altro) con il cleat:both;

<div style="width: 600px; height:auto; background-color: red; "> 

<div style="width: 200px; height: 30px; background-color: green; float:left;">verde</div> 
<div style="width: 200px; height: 30px; background-color: blue; float:left;">blu</div> 
<div style="width: 200px; height: 30px; background-color: white; float:left;">bianco</div> 

<div style="height:0; clear:both;">
</div>

in caso contrario sarai impossibilitato ad inserire un eventuale footer.