ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

My HTML code works fine in IE8 but pages "jump" slightly to the right and left in Firefox

  • 6 ردود
  • 13 have this problem
  • 1 view
  • آخر ردّ كتبه cor-el

more options

I have created a website that looks and works fine in IE8 but in Firefox some of the pages jump a couple of pixels to the left. I have tried to debug it but cannot find any coding errors.

I have created a website that looks and works fine in IE8 but in Firefox some of the pages jump a couple of pixels to the left. I have tried to debug it but cannot find any coding errors.

الحل المُختار

You can force a vertical scroll bar with body {overflow-y: scroll}

Read this answer in context 👍 2

All Replies (6)

more options

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.

more options

Be sure to add a link to that website in your post.
Firefox uses a default margin of 8px in the body. If you do not want that margin then add this style rule:

body {margin: 0px}

There may be other difference depending on the DOCTYPE that you specify (or omit).

more options

After hours and hours of removing code and content, I finally figured out why it is jumping from one page to another (and it's a bit embarrassing to admit): the %!&#? scroll bar's absence or presence shifts the page that many pixels to the right and left!!! This doesn't happen in IE because it is always there, whether used or not. Does anyone know how to "fix" this "problem" in Firefox? I think it looks really clunky for it to jump left and right depending on which page on my site you click on.

more options

الحل المُختار

You can force a vertical scroll bar with body {overflow-y: scroll}

more options

Thanks for the tip cor-el. That solved my problem! Looks much better now.