Question

I have a blog (designed with blogger) and there’s one problem.

If I access the page directly: http://www.tips4design.com/2011/01/jq-sparks-particle-system.html everything is fine.

But if someone accesses the page by clicking the comments link: http://www.tips4design.com/2011/01/jq-sparks-particle-system.html#comments the content (below the navbar/adsense ads) is shifted up like 100px. This only seems to happen in chrome.

The problem is “worse” because when someone tries to write a comment in chrome after they click “Post Comment” the page will ask for captcha, but having the page shifted up the captcha input is messed up.

So, the question short: Why does chrome display the page differently when hashtag is added at the end of URL?

Answer 1

Try to remove this CSS rule from your code:

.comments {
  margin-bottom: 200px;  //remove this rule
}

It seems to “push back” the comments pop-up after it is added dynamically to the page, thus pushing the content as well.

Hope it helps!