Newsgroup: it.comp.www.html
Titolo: Strano comportamento di Internet Explorer

Vorrei segnalare un singolare comportamento esibito da IE, ma non da
Opera, nella rappresentazione di una pagina semplicissima (che allego
in fondo al post), in cui c'e' solo un box che aggira (con la
proprieta' clear) un altro box spostato con la proprieta' float.
Provate a caricare la pagina in IE ed evidenziate con il mouse un
brano piu' o meno lungo del testo contenuto nel box azzurro (includete
anche qualcuna delle righe che scorrono al lato del box grigio).
Quindi cliccate in un punto qualsiasi al di fuori dell'evidenziazione.
RISULTATO: oltre all'evidenziazione, scompare anche la parte di testo
che scorreva a lato del box grigio!
Se l'effetto non si nota al primo colpo, riprovate due-tre volte. A
nulla serve rinfrescare la pagina, talvolta il testo riappare cosi'
come era scomparso: evidenziando nella zona vuota che aveva lasciato.
Ripeto: con Opera questo non accade.
Vi chiedo solo una cosa: e' un bug noto di Explorer, o sono io che ho
sbagliato qualcosa?
Grazie, Luigi
------------- INIZIO PAGINA HTML ------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<!-- Generated by AceHTML Freeware 
http://freeware.acehtml.com
 -->
<!-- Creation date: 26/01/05 -->
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=iso-8859-1">
<TITLE>Collaudo dei comandi CSS</TITLE>
<META NAME="description" CONTENT="Pagina contenente varie prove sui
comandi CSS">
<META NAME="keywords" CONTENT="CSS, HTML, layout, DIV">
<META NAME="generator" CONTENT="AceHTML 5 Freeware">
<META HTTP-EQUIV="Content-language" CONTENT="it-IT">
<LINK REL="StyleSheet" TYPE="text/css" HREF="collaudi.css">
</HEAD>
<BODY>
Questa frase(Û), posta (¦) direttamente nel body
<DIV id="fuori">
Questo è un blocco div  e mi permetto di dire che la prima riga
ricevera' una formattazione particolare, mentre le altre rimarranno
del colore di default.
E il blocco conterrà pure un elemento . . . . . paragrafo: eccolo
oltre ad un elemento div:
        <DIV class="dentro">
        –ti piace?
        </DIV>
 
invece qui avremo la continuazione del div principale.
In caso di utilizzo della proprietà float, invece, questo testo
apparirà consecutivo al testo che si trovava prima del box reso float.
        <DIV id="titolo">
        <B>titolo</B>
        </DIV>
Ora cercheremo di capire la proprietà clear, vedendo come e' possibile
controllare il comportamento del flusso del testo in prossimità di
immagini. Quini collocheremo un blocco che dovrebbe spezzare il flusso
del testo a lato dell'immagine. Mi aspetto di vedere che il margine
effettivo disponibile per il
testo risulti ridotto dalla presenza dell'immagine.
</DIV>
Anche questa frase (¦) è posta nel (Û) body.
</BODY>
</HTML>
------------ FINE PAGINA HTML --------------
--------------- INIZIO FOGLIO CSS --------------
/* At-Rules */
@charset "iso-8859-1";
html {
	background-color: Yellow;
	color: Black;
 
	border-color: Red;
	border-width: 5px;
	border-style: solid;
 
	margin: 10px;
 
	padding: 15px;
 
	/*
	width: 500px;
	height: 400px;
	*/
 
 
}
body {
	background-color: Lime;
 
	border-color: Blue;
	border-width: 10px;
	border-style: solid;
 
	margin: 20px;
 
	padding: 30px;
	/*width: 350px;*/
	/*height: 800px;*/
 
 
 
}
#fuori {
	background-color: Aqua;
 
	border-color: Fuchsia;
	border-width: 15px;
	border-style: solid;
 
	margin: 25px;
 
	padding: 35px;
 
	/* width: 600px; */
	/* height: 100px; */
 
}
.dentro {
	background-color: Gray;
 
	border-color: Red;
	border-width: 1px;
	border-style: solid;
 
	margin: 3px;
 
	padding: 5px;
 
	width: 200px; 
	float: left;
	height: 110px; 
 
}
#titolo {
	clear: left;
}
/* End of style section. Generated by AceHTML at 01/02/05 23.43.38 */
-------------------- FINE FOGLIO CSS ------------------

 sbagliato qualcosa?
Per quanto ne so e' un bug
prova ad assegnare a #fuori un position: relative
dovrebbe andare a posto.
Ciao
Max