Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

ابحث في الدعم

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

This thread was archived. Please ask a new question if you need help.

Website container appears to the right of menu only in Firefox

MSC2010
MSC2010
more options

I am working on a website, and everything looks fine in Chrome, IE, Opera, and Safari, but when I use Firefox, the container is appearing next to the menu, instead of under where it should be. Either it isn't centered for Firefox or something else is wrong. Any ideas on how to fix this Firefox problem? I have tried the troubleshooting steps for "Websites look wrong in Firefox" to no avail. I have also started Firefox in Safe Mode with the same problem. http://pilarpobil.com

I am working on a website, and everything looks fine in Chrome, IE, Opera, and Safari, but when I use Firefox, the container is appearing next to the menu, instead of under where it should be. Either it isn't centered for Firefox or something else is wrong. Any ideas on how to fix this Firefox problem? I have tried the troubleshooting steps for "Websites look wrong in Firefox" to no avail. I have also started Firefox in Safe Mode with the same problem. http://pilarpobil.com

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

Get rid of height: 0px; for #header in the page. There might be another way, but that should work.

Read this answer in context 👍 0

All Replies (3)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

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

Get rid of height: 0px; for #header in the page. There might be another way, but that should work.

MSC2010
MSC2010 صاحب السؤال
more options

Thank you so much! That worked like a charm! Do you have any idea why Firefox doesn't like that though?

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
more options

You have a mix of positioned elements (position:relative) and floated elements. I think height:0px is causing the positioning to be relative to the last floated item rather than the div containing them. But it would take quite some time to untangle and confirm.