开发者

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

When I refresh my webpage, the browser (Chrome) renders it differently each time. I have done nothing in between pressing refresh.

Page can be seen here: http://www.melbournedodgeball.com.au/dodgeballnew/team.php?teamid=5

If you click refresh a few times it occasionally renders the page wrong. Why is this happenening and how can I stop it?

Here are some screenshots of what I mean开发者_C百科 if you don't get a similar result:

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

EDIT: Thanks for the help guys, it seems to have stopped happening after I set the image to float to the left and then set the containing div to overflow: hidden.


For me it always renders "wrong". You need to put #achievements before #teamlogo in your HTML, or use relative positioning to push it back up.


It is probably the caching of your browser. Try with firefox and hit ctrl+R+shift.

Or restart chrome completely and see if the problem still occurs

and you did not close a tag correctly :

<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


If the page is being generated dynamically, then there could be a problem with the script. Even if you have done nothing, there can be things going on at the server between refreshes. Potentially, each refresh is displaying a different page.


Interesting... A couple solutions I can think of would be to set a defined width and height to the content's wrapper. I see that the unaligned content is floating, sometimes this can be fixed by giving your wrapper set dimension between different browsers.

If your content is being loaded dynamically, the it is possible that you're appending it in a way that doesn't render properly between different browsers -- perhaps the combination of your layout and appendature of dynamic content could have reached that browser-specific mismatch.

PS -- great UI :)

Edit: By seeing another users response, I'd go with that -- you have an unclosed tag. (@Paolo_NL_FR)

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜