css - IE6 - Elements pop in and out -


As you can see from the upper image, the IE6 essentially has the same markup And divs with CSS sometimes pop and out in position, as I move the mouse around. I have no hover effects in it ...

HTML markup

 & lt; Div class = & quot; Yellow Shieldlart Block & quot; & Gt; & Lt; Div class = & quot; Content & quot; & Gt; & Lt; H6 & gt; Shield Alert & lt; / H6 & gt; & Lt; Former orbit = & quot; Brush: xhtml & quot; & Gt; & Lt ;! - Content for Syntax highlighting - & gt; & Lt; / Pre & gt; & Lt; / Div & gt; & Lt; / Div & gt; 

CSS (partial)

 div.block {border: 1px solid; Padding-left: 32px; Margin: 5 px 0; Repeat Background: No Repetition; Background-position: 8px 5px; Background color: #EEBB; Border color: # d7d7d7; } Div.content {background-color: white; Padding: 2px 10px 1px 10px; Border-left: 1px solid #d7d7d7; } Div.yellow {background color: # fff67f; Border: 1px solid # e6e089; } Div.yellow div.content {background-color: # fffde0; Border-left: 1px solid # E6A0909; } Div.yellow h1, div.yellow h2, div.yellow h3, div.yellow h4, div.yellow h5, div.yellow h6 {color: # cfcd13; } Div.shieldalert {background-image: url (../images/ div / info-shieldalert.png); } 

I have also found that when you have trouble with the flicker / peeping-a-boo of things ING) is sometimes helpful in heightening: 1%; on this. I often make a rule:

  * html .ie6-fix {height: 1%; }  

And then apply anything in the classroom which is causing me problems in IU 6. It will be ignored in browsers other than Internet Explorer anyway.


Comments

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -