salve ragazzi,

ho sperimentato diversi modi per mettere 3 box "nella stessa riga"

sia con <span> che con <div style="display:inline;"> non posso settare la larghezza dei box.

L'unica soluzione mi sembra usare div + il css float: left;

quindi ho usato questo codice:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
      <title>prova</title>
      <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
      <style type="text/css">div{border:1px solid black; width:33%; text-align:center;}
.container{background: white; width:90%; border:1px solid black; margin:0 auto;}
</style>
</head>

<body>
<div class="container">
   <div style="float: left;" >div float1</div>
     <div style="float: left;" >div float2</div>
     <div style="float: left;" >div float3</div>  
</div>
</body>
</html>
che funziona quasi perfettamente con internet explorer 7(lo so, sono shoccato pure io ) mentre sia con firefox sia con opera i 3 div vengono visualizzati fuori dal container. Dove sbaglio??

grazie