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

Website container appears to the right of menu only in Firefox

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

Chosen solution

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

Ler a resposta no contexto 👍 0

All Replies (3)

more options

Chosen Solution

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

more options

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

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.