浏览器在刷新时(当没有任何更改时)以不同的方式呈现网页


Browser renders webpage differently on refresh (when nothing has changed)

当我刷新网页时,浏览器(Chrome)每次都会以不同的方式呈现它。在按刷新之间我什么也没做。

页面可以在这里看到:http://www.melbournedodgeball.com.au/dodgeballnew/team.php?teamid=5

如果单击刷新几次,它偶尔会呈现错误的页面。为什么会发生这种情况,我该如何阻止它?

以下是我的意思的一些屏幕截图,如果您没有得到类似的结果:

http://dl.dropbox.com/u/1859080/Screen%20shot%202011-05-10%20at%206.33.40%20PM.png

http://dl.dropbox.com/u/1859080/Screen%20shot%202011-05-10%20at%206.34.01%20PM.png

编辑:感谢您的帮助,在我将图像设置为向左浮动,然后将包含的div设置为溢出:隐藏后,它似乎已经停止发生。

对我来说,

它总是"错误"。您需要在 HTML 中 #teamlogo 之前放置 #achievements,或者使用相对定位将其向上推。

这可能是浏览器的缓存。尝试使用火狐浏览器并按 ctrl+R+shift。

或者完全重新启动chrome,看看问题是否仍然存在

并且您没有正确关闭标签:

<ul class="subnav">
                        <li><a href="season.php?season=3">Sundays</a></li>
                        <li><a href="hall-of-fame.php">Hall of Fame</a></li>
                    </ul

如果页面是动态生成的,则脚本可能存在问题。即使您什么也没做,在两次刷新之间,服务器上也可能发生一些事情。每次刷新可能会显示不同的页面。

有趣...我能想到的几个解决方案是为内容的包装器设置定义的宽度和高度。我看到未对齐的内容是浮动的,有时可以通过在不同浏览器之间为您的包装器设置维度来解决此问题。

如果您的内容是动态加载的,则可能以无法在不同浏览器之间正确呈现的方式附加它 - 也许您的布局和动态内容附件的组合可能已经达到了特定于浏览器的不匹配。

PS -- 很棒的用户界面:)

编辑:通过看到另一个用户的响应,我会同意 - 你有一个未关闭的标签。(@Paolo_NL_FR)