Newsgroup: it.comp.www.html
Titolo: Sorry.... sempre io non avevo descritto il problema.... float con IE... Help!

Posto codice html e css. Con ie 5.x e 6 mi compare uno spazio di un pixel 
sulla destra dell'interfaccia... non riesco a toglierlo.. mi aiutate? 
Grazieeeeee
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
 <html xmlns="
http://www.w3.org/1999/xhtml
">
 <head>
 <title>MIO</title>
 <style type="text/css">
 body {
  margin:0px 0px 0px 0px;  /*VERIFICARE */
 padding:0px 0px 0px 0px;
 font:.80em verdana, sans-serif;
 background-color:red;
 color:#000;
}
div#container {
 border:2px solid black;
}
div#header {
 padding:0;
 margin:0;
 /*border-top:1px solid #000;
 border-bottom:1px solid #000;*/
 background-color:blue;
 color:#FFF;
}
div#colonna-sx {
 float:left; /* così affianchiamo le colonne */
 width:20%;
 color:#000;
 background-color:pink;
 }
div#colonna-sx .box, div#colonna-dx .box, div#footer .box { /* diamo bordi 
e/o padding senza problemi di box model */
 padding:10px;
 border: 3px solid yellow;
}
div#colonna-dx {
float:left; /* così affianchiamo le colonne */
 width:20%;
 color:#000;
 background-color:pink;
/*margin-right: -1px; */
/*VERIFICARE*/
 /*margin-left: 1px;*/
 }
div#principale {
 float:left;  /* così affianchiamo le colonne */
 width:60%;
 background:#FFF;
 color:#000;
 }
div#principale .box { /* diamo bordi e/o padding senza problemi di box model 
*/
 border: 3px solid green;
 padding:10px;
}
div#footer {
 clear:left; /* riporta il footer sotto a tutto il resto */
 border-top:3px solid #000;
 border-bottom:3px solid #000;
 padding:2px 10px;
 background:yellow;
 color:#000000;
 font-size:.80em;
 line-height:1em;
}
</style>
  </head>
 <body>
  <div id="container">
 <div id="header">
 <h1>Header....</h1>
 </div>
 <div id="colonna-sx">
 <div class="box">
 <h3>colonna-sx</h3>
 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet.</p>
  </div>
 </div>
  <div id="principale">
    <div class="box">
 <h3>principale</h3>
 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet.</p>
 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet.</p>
 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet.</p>
 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet.</p>
   </div>
 </div>
<div id="colonna-dx">
<div class="box">
 <h3>colonna-dx</h3>
 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam 
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam 
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed 
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit 
amet. </p>
 <!-- uuuuuuuuuuuuuuuuuuuuuu  se no problemi col solito IE-->
 </div>
 </div>
  <div id="footer">
 <div id="box">
 <p>Questo l footer.</p>
 </div>
 </div>
  </div>
 </body>
 </html>

 sulla destra dell'interfaccia... non riesco a toglierlo.. mi aiutate?
Ehm, prima di tutto vedi di rispondere su QUESTO thread e non aprirne un 
altro ancora sennò non ti dico la risposta :-)
Allora, il problema sembra essere dovuto semplicemente a un errore di 
arrotondamento.
Te ne puoi accorgere vedendo che se ridimensioni orizzontalmente la finestra 
con Explorer, a seconda di come ti muovi può comparire oppure no la barra di 
scroll orizzontale. Ciò fa capire che per qualche motivo la larghezza totale 
del contenuto è maggiore dell'area del body.
Questo può capitare quando si definiscono larghezze in percentuale come hai 
fatto tu, le due colonne laterali da 20% e quella centrale da 60% potrebbero 
dare come somma 101, o 100.3 o chissà che altro.
Si risolve facilmente diminuendo di poco una larghezza, consiglio quella 
della colonna centrale:
div#principale {
    width:59.9%;
}
Nello.