On Fri, 13 May 2005 08:42:29 -0700, Ingo Chao <[EMAIL PROTECTED]> wrote:
Barbara Dozetos schrieb:http://www.pcc.com/
For some reason, the leftnav box appears too high on the page in Mozilla and FF on the initial load. A refresh of the page puts it where it belongs.
I can reproduce something similar with an old Moz1.6/Win/cleared cache too. Here, the a.p. positioned navbar jumps down while the images are loading (no reload is necessary to fix the position).
I cannot reproduce it in Moz1.6 with a local copy of your page, so I think it's time/connection-critical. No problems with a Mar nightly.
I have managed to reproduce it with FF 1.0.4. The problem is with how Gecko treats auto sides in position: absolute;
Consider the following sequence of events:
HTML and CSS are loaded. No images arrived yet, so header height is ALT text plus extra, not image plus extra
Gecko determines the Y coordinate where box should be
Images are loaded. Now, the header is quite a lot bigger
Gecko does NOT recompute the coordinate. We get an overlap
Reoccurence depends on user connection, browser settings and network gremlins.
Possible solutions:
Giving height to images that are above the sidebar, or the header.
Giving position: relative to wrapper, and top: something real to misbehaving leftnav. This will make absolute positioning attach leftnav to wrapper instead of page, and as wrapper goes down due to reflows, so would leftnav.
Switching to floats for columns (have you seen the ugly overlap of sidebar and footer when images are off?)
Roman. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
