By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,534 Members | 1,807 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,534 IT Pros & Developers. It's quick & easy.

Strange behavior in Internet Explorer

P: n/a
I noted a particular behavior shown by IE. Look at the simple page
attached at the bottom of the post. In it, there is a box floated with
the float property and another box that jumps it with the clear
property.

Show the page in IE and highlight (using the mouse) some text in the
blue box (include some line on the side of the gray box).
Then click anywhere (out of the highlight zone).

RESULT: some text lines (on the side of the gray box) will disappear!

If this effect is not shown on the first shot, retry for two or three
times. If you want the vanished text to appear don't refresh the page:
nothing happens.
Instead, highlight some lines in the empty zone (left by the vanished
text).

Opera doesn't show this strange effect.

I would ask you only one thing: is it a knowed bug in IE? Or do I fail
something?

Thanks. Luigi.

------------- START OF HTML FILE ------------
<!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>

------------ END OF HTML FILE --------------
--------------- START OF STYLE SHEET --------------
/* 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 */

-------------------- END OF STYLE SHEET ------------------
Jul 21 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
Luigi wrote:
I noted a particular behavior shown by IE. Look at the simple page
attached at the bottom of the post. In it, there is a box floated with
the float property and another box that jumps it with the clear
property.

Show the page in IE and highlight (using the mouse) some text in the
blue box (include some line on the side of the gray box).
Then click anywhere (out of the highlight zone).

RESULT: some text lines (on the side of the gray box) will disappear!


See http://www.positioniseverything.net/.../peekaboo.html.
Jul 21 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.