porto in rilevo un problema che ho notato postando nella discussione http://forum.html.it/forum/showthrea...hreadid=818911

Abbiamo questo codice:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<title>Documento senza titolo</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<style type="text/css"> 
#container{ 
margin:0px; 
padding:0px; 
width:100px; 
background-color: #ff0000; 
border: 1px solid black;
} 
#sx{ 
margin:0px; 
padding:0px; 
float:left; 
width:30px; 
height:50px; 
background:#aaa; 
} 
#dx{ 
margin:0px; 
padding:0px; 
margin-left:30px; 
width:70px; 
height:50px; 
background:#e6e6e6; 
} 
</style> 
</head> 

<body> 
<div id="container"> 
<div id="sx">sx</div> 
<div id="dx">dx</div> 
</div> 
</body> 
</html>
in pratica abbiamo un div contenitore e due div al suo interno. il primo è flottato a sinistra e l'altro di conseguenza dovrebbe porsi alla sua destra visto che per le sue dimensioni si incastra giusto giusto nel contenitore! provato con firefox, opera o mozilla e funzionerà! con IE invece esso va a capo! :master:

allora facciamo la prova dello "gnugnu" e proviamo a togliere progressivamente del pixel alla width del div dx! 70...69...68...67!! cosa succede? ecco che ora il div si incastra ma....cos'è quello spazio rosso sulla sinistra???
guardate su firefox come dovrebbe essere realmente: lo spazio è sulla destra!
togliamo addirittura tutta la width in modo che si adatti in automatico!! stessa cosa!!

ci ho perso un po' di tempo (è l'una e mezza!!) per trovarne la causa! bene con il codice a questo punto (senza width di dx) proviamo a togliere le due altezze height:50px;.... magia!!! tutto a posto!! VVoVe:

un'altra prova? andate a questa pagina: http://www.html.it/layout_css/layout_css_19.htm e visualizzate l'esempio creato con i css (http://www.html.it/layout_css/2cf.php?stile=2cfbase)! copiamo il codice e il css in una pagina e mettiamo degli sfondi colorati ai div container, navigation e content per distinguerli! bene a questo punto aggiungiamo due belle altezze
a content e navigation e...ecco là il solito spazio che salta fuori!!!

Conclusione:
inutile precisarlo, se mettiamo le altezze ai div IE mette di mezzo sto assurdo spazietto! Io ho messo su tutto questo spettacolo e poi magari è una cosa già nota...mah speriamo di no, così mi daranno un premio!
il motivo per cui lo fa? qualcuno lo sa?