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

Is this the Peekaboo bug?

P: n/a
Please look at the page
http://www.members.iinet.net.au/~abe...st/leaders.htm whose css
file is city.css in the same directory.

The page has a header, a left fixed and floated navigation div, a
right content div, and a footer div which serves only to clear the
float and to ensure there is a space between text in the content div
and the bottom of the view screen. The general layout works well with
MSIE 5.5 and 6 and Mozilla, Netscape 7.1, and Opera 7.23 for Windoze
and Safari and MSIE 5.2 for the Mac.

But on this particular page I have a table (for tabular data). The
page works well with Opera, but with MSIE 6 the table is displaced
downwards a lot. I have temporarily given the content div a coloured
background, and notice that when I scroll up or down some of the
coloured background disappears leaving a coloured block, the normal
body background gif, and then the coloured block around the table.
The colour does not come back. The description of the Peekaboo bug on
John and Holly's page does not seem to fit, but I have no idea what
else might be causing the problem, nor how to fix it. Can anyone
help?

The htm and css files validate.

Regards, Alex
Jul 20 '05 #1
Share this Question
Share on Google+
5 Replies


P: n/a
Alex Bell wrote:
Please look at the page
http://www.members.iinet.net.au/~abe...st/leaders.htm whose css
file is city.css in the same directory. [snip] But on this particular page I have a table (for tabular data). The
page works well with Opera, but with MSIE 6 the table is displaced
downwards a lot. I have temporarily given the content div a coloured
background, and notice that when I scroll up or down some of the
coloured background disappears leaving a coloured block, the normal
body background gif, and then the coloured block around the table.
The colour does not come back. The description of the Peekaboo bug on
John and Holly's page does not seem to fit, but I have no idea what
else might be causing the problem, nor how to fix it. Can anyone
help?

[snip]

Here is a possible line of investigation. Take out the "width="100%" from the
table. I've just tried this, and the problem appreared to go away. (But it
leaves you with the problem of getting the layout you want! And IE 5 appears
to lose the table altogether either way).

I've had trouble with IE sometimes when using a data table within
tableless-layout. (Paradoxically, I don't get the same trouble with a data
table in a table-layout!)

I don't think it is exactly the same a peekaboo, because the bad behaviour
isn't within the floatholder.

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/
Jul 20 '05 #2

P: n/a
On Fri, 5 Mar 2004 12:07:23 -0000, "Barry Pearson"
<ne**@childsupportanalysis.co.uk> wrote:
Alex Bell wrote:
Please look at the page
http://www.members.iinet.net.au/~abe...st/leaders.htm whose css
file is city.css in the same directory.

[snip]
But on this particular page I have a table (for tabular data). The
page works well with Opera, but with MSIE 6 the table is displaced
downwards a lot. I have temporarily given the content div a coloured
background, and notice that when I scroll up or down some of the
coloured background disappears leaving a coloured block, the normal
body background gif, and then the coloured block around the table.
The colour does not come back. The description of the Peekaboo bug on
John and Holly's page does not seem to fit, but I have no idea what
else might be causing the problem, nor how to fix it. Can anyone
help?

[snip]

Here is a possible line of investigation. Take out the "width="100%" from the
table. I've just tried this, and the problem appreared to go away. (But it
leaves you with the problem of getting the layout you want! And IE 5 appears
to lose the table altogether either way).

I've had trouble with IE sometimes when using a data table within
tableless-layout. (Paradoxically, I don't get the same trouble with a data
table in a table-layout!)

I don't think it is exactly the same a peekaboo, because the bad behaviour
isn't within the floatholder.


Thanks, Barry. I thought it might just be related to the Peekaboo bug
because the colour partly disappeared when I scrolled.

I'm sure you're right about the 100% width in the table HTML. Making
it anything up to 99.5% solves the MSIE 6 problem, but 99.6% brings it
back. I think it must be related to the margin-right: 0.5% in the css
for the content div.

I won't have opportunity to check with MSIE 5.5 for Windoze until
Monday, but I'll check with MSIE 5.2 for mac later today. In any
event I'll do what I should have done earlier, which is put all the
styling in the css rather than the HTML.

Regards, Alex
Jul 20 '05 #3

P: n/a
Alex Bell wrote:
Please look at the page
http://www.members.iinet.net.au/~abe...st/leaders.htm whose css
file is city.css in the same directory.


This looks very similar to a problem I encountered; I found
this solution:

body {
/* the next line appears to fix an IE "repaint after scroll" bug
(http://www.notestips.com/80256B3A007F2692/1/NAMO5GU36H) */

background: url(null) fixed no-repeat;
}
--
jc

Remove the -not from email
Jul 20 '05 #4

P: n/a
On Sat, 06 Mar 2004 08:05:13 +0000, Jeremy Collins
<jd********@ntlworld-not.com> wrote:
Alex Bell wrote:
Please look at the page
http://www.members.iinet.net.au/~abe...st/leaders.htm whose css
file is city.css in the same directory.


This looks very similar to a problem I encountered; I found
this solution:

body {
/* the next line appears to fix an IE "repaint after scroll" bug
(http://www.notestips.com/80256B3A007F2692/1/NAMO5GU36H) */

background: url(null) fixed no-repeat;
}

No, not quite, Jeremy - the paged does have a background gif. But I
although I have not come across the bug described in the reference you
sited it is a useful idea to keep in mind.

Thanks for you help, Alex
Jul 20 '05 #5

P: n/a
Jeremy Collins <jd********@ntlworld-not.com> wrote:
Alex Bell wrote:
Please look at the page
http://www.members.iinet.net.au/~abe...st/leaders.htm whose css
file is city.css in the same directory.


This looks very similar to a problem I encountered; I found
this solution:

body {
/* the next line appears to fix an IE "repaint after scroll" bug
(http://www.notestips.com/80256B3A007F2692/1/NAMO5GU36H) */

background: url(null) fixed no-repeat;
}


Which being a relative URL, would request the non-existent object:
http://www.members.iinet.net.au/~abell1/test/null
- from the server. Has anyone bothered* to check whether this bug
workaround works with an absolute URL, like:
{background: url(null:void) fixed no-repeat}
If it does, your server would thank you (if it could).

* Who, me? Why would I check, I hate MSIE?

--
Karl Smith.
Jul 20 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.