Avatar for Username

Pesquisar no apoio

Evite burlas no apoio. Nunca iremos solicitar que telefone ou envie uma mensagem de texto para um número de telefone ou que partilhe informações pessoais. Por favor, reporte atividades suspeitas utilizando a opção "Reportar abuso".

Saber mais

Esta discussão foi arquivada. Se precisar de ajuda, por favor, coloque uma nova questão.

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

Solução escolhida

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

Ler esta resposta no contexto 👍 0

Todas as respostas (3)

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

Solução escolhida

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

MSC2010
MSC2010 Proprietário da pergunta
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.