#3 — display problem in IE, peekaboo

Giving limi the pleasure.

We are aware of the fact that there is no ideal solution to the IE Peekaboo bug (see http://www.positioniseverything.net/explorer/peekaboo.html for more); the solution suggested at http://dev.plone.org/[…]/IEFixes.css.dtml?rev=9643 (lines 105-107) has also some side-effects -- above all, it affects the height of the #float box if the height is explicitly specified previously. Based on our testing, we would opt for the two following solutions, and/or combination of them:

1. avoid using a background on div#floatholder (as suggested by Holly Bergevin), which is best done in ploneCustom.css by a simple declaration:

.documentContent {
    background: transparent; /* to kill the IE Peekaboo bug */
}
(note: 'background: none;' is also a valid declaration having the same effect)

or

2. add an explicit line-height declaration on div#floatholder (following the solution no. 2 at http://interval.cz/[…]/
(in Czech, look for "Deklarujme"):

.documentContent {
    line-height: 1.2;
}


Both these "remedying" methods efficiently and cleanly fix the bug; they are based just on declaring explicitly the implicit values of the two CSS attributes mentioned above -- therefore they can be considered fully systemic and safe, moreover without unwanted side-effects.

As the background color for page body is by default set to "White" in Plone CSSs (body { background-color: White;}), the solution no. 1 has absolutely no negative effect on the design of the portal.

If both the bug and several solutions to it are known, it is perhaps a pity that visitors (and especially newcomers) to the plone.org site are left to be caught by the IE Peekaboo bug in the HOW-TO, FAQ, and other sections of the Documentation. ;) (They can easily attribute it to Plone, not IE.)

Pavol Mikle,
Daniel Miksik