IE |
BUG "NAME" |
WHAT HAPPENS |
CAUSE |
FIX |
REFERENCE |
6 7 OK |
Peekaboo bug |
Liquid setup has float inside; content appears and disappears with reload |
Appears to be caused by clearing div |
Give floated div hasLayout |
http://www.positioniseverything.net/explorer/peekaboo.html |
5,6,7 |
Inherited margins on form elements |
Box on form is misaligned |
Incorrect inheritance of margins |
Put inline text, a LABEL, or possibly any inline element
at all immediately before the INPUT element.. |
http://www.positioniseverything.net/explorer/inherited_margin.html |
6 ~7 |
Quirky percentages |
Width percentages specified by CSS are ignored, page flow is wrecked |
hasLayout runtime error; length expands on demand and not according to CSS; ends up being undefined |
nothing simple |
http://www.positioniseverything.net/explorer/percentages.html |
6 7 OK |
Line-height/ Replaced element |
if the default line-height is changed to a larger value,
the line spacing above and below any text line that contains a replaced
element, such as a small emoticon, will be half of the spacing seen elsewhere
in the text. |
When IE6 encounters a line containing a replaced element,
it collapses the half-leading of that line with the half-leading of
the preceding and following line. |
Use conditional comments; will generally contain a "zoom" rule |
http://www.positioniseverything.net/explorer/lineheightbug.html http://www.positioniseverything.net/articles/haslayout.html |
6 |
Border chaos |
Divs lose borders or they get arbitrarily mispositioned |
Box model problem |
Avoid using negative margins for consecutively flowed boxes; use relative positioning |
http://www.positioniseverything.net/explorer/border-chaos.html |
6 |
Disappearing list-background |
Colored backgrounds on list items appear on some, and not on others |
|
Relative positioning |
http://www.positioniseverything.net/explorer/ie-listbug.html |
6 ~7 |
Guillotine bug |
Chops bottom off floated elements when certain links are hovered over |
|
Auto-contains floats inside container with hasLayout |
http://www.positioniseverything.net/explorer/guillotine.html# http://css-class.com/articles/explorer/guillotine/index.htm |
6 |
Unscrollable content bug |
An absolutely positioned Box may not force a scrollbar
even if the content is long enough to require one, resulting in hidden
content |
|
Holly Hack |
http://www.positioniseverything.net/explorer/unscrollable.html http://www.positioniseverything.net/articles.html |
6 7, OK |
Duplicate characters bug |
text characters from the last of the floated elements are
sometimes duplicated below the last float. |
The direct cause is nothing more than ordinary HTML
comments, such as, <!-- end left column -->, sandwiched between
floats that come in sequence. any
elements given the style {display: none} will also induce the bug |
Simply placing {display: inline;} on the float |
http://www.positioniseverything.net/explorer/dup-characters.html http://positioniseverything.net/explorer/doubled-margin.html |
6 |
Italics |
declared width is not followed when text in box is italicized |
Unknown |
Zoom fix |
http://www.positioniseverything.net/explorer/italicbug-ie.html http://www.positioniseverything.net/articles/haslayout.html |
6 |
Doubled Float-margin bug |
Left float in a container box has left margin to push it away from the container; the margin gets doubled |
IE's handling of margins on floated elements |
Simply placing {display: inline;} on the float |
http://www.positioniseverything.net/explorer/doubled-margin.html http://www.positioniseverything.net/explorer/floatIndent.html |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|