Поиск в Поддержке

Избегайте мошенников, выдающих себя за службу поддержки. Мы никогда не попросим вас позвонить, отправить текстовое сообщение или поделиться личной информацией. Сообщайте о подозрительной активности, используя функцию «Пожаловаться».

Learn More

OS X Firefox renders incorrectly a page rendered correctly by Safari

  • 6 ответов
  • 4 имеют эту проблему
  • 19 просмотров
  • Последний ответ от cor-el

more options

In OS X 10.9.5, Firefox 41.0.1 renders the page "http://grayspapayanyc.com/contact" as shown in the screen capture, whereas Safari 9.0 renders it correctly as shown in the other screen capture.

Any ideas? Thanks.

In OS X 10.9.5, Firefox 41.0.1 renders the page "http://grayspapayanyc.com/contact" as shown in the screen capture, whereas Safari 9.0 renders it correctly as shown in the other screen capture. Any ideas? Thanks.
Приложенные скриншоты

Выбранное решение

This is not a bug in Firefox, but other browsers may be more forgiving than Firefox in respect to the missing of a clear rule. Other browser may assume that you want to start the DIV at the start of the line in case floating content is present

You will have to add this CSS rule to the element, either via a style sheet file or via an inline style rule like my screenshot shows. With the clear:both rule the container will be positioned at the start of the line and not immediately where the previous line ends (i.e. possibly at the right end of the page after the last character in that container and this can also depend on the current screen width).

See also:

I check it a bit more thorough and you can add the clear:both rule to this style sheet that you use in line 2077. The container I used before is created by the Google recaptcha script, so you need to go up a bit more.

#captcha { margin-left:70px; clear:both; }
Прочитайте этот ответ в контексте 👍 0

Все ответы (6)

more options
more options

That is because of a missing clear:both CSS rule that makes Firefox position the container where the container before it ended.

more options

Thanks for you responses.

Concerning Java (FredMcD's suggestion): I don't have Java installed. It isn't necessary for Safari, and I don't think that Firefox depends on it. JavaScript is enabled in both browsers.

Concerning cor-el's response: This is over my head technically but seems to indicate a bug in Firefox. If that is the case, what can I do to inform Mozilla?

Many thanks.

more options

Выбранное решение

This is not a bug in Firefox, but other browsers may be more forgiving than Firefox in respect to the missing of a clear rule. Other browser may assume that you want to start the DIV at the start of the line in case floating content is present

You will have to add this CSS rule to the element, either via a style sheet file or via an inline style rule like my screenshot shows. With the clear:both rule the container will be positioned at the start of the line and not immediately where the previous line ends (i.e. possibly at the right end of the page after the last character in that container and this can also depend on the current screen width).

See also:

I check it a bit more thorough and you can add the clear:both rule to this style sheet that you use in line 2077. The container I used before is created by the Google recaptcha script, so you need to go up a bit more.

#captcha { margin-left:70px; clear:both; }
more options

Thank you very much for your diligence. I'm afraid I must have given the impression that I was in some way responsible for the website in question, which is not the case. I just wanted to know if a bug in Firefox was involved or not and, if so, to point it out.

more options

You can contact the website and ask them to look into this issue with Firefox.