Avatar for Username

Search Support

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

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

Réiteach roghnaithe

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 10 Contributor
more options

Réiteach Roghnaithe

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

MSC2010
MSC2010 Úinéir na ceiste
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 10 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.