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
Post a Comment