Поля css для Firefox с ОС Linux

Question

Я разработал этот веб-сайт, и мне не удалось разместить элемент (div # endlogo) таким образом, чтобы он правильно отображался для пользователей операционной системы Firefox / Linux.

http://motivacionenlinea.com/

Я работаю со всеми браузерами в Windows 7, и хотя дизайн выглядит так, как и должно быть в Firefox с МОЕЙ операционной системой, мои предположения об исправлении Firefox / Linux не сработали.

Мои вопросы: как правильно указать элемент div # end, чтобы он появился там, где и должен.

Я прикрепил два изображения ниже.

Первый показывает, как я хочу, чтобы заголовок выглядел: http://postimage.org/image/rsd27dvo/

Второй показывает, как мне сказали, он появляется в браузере Firefox при использовании операционной системы Linux: http://postimage.org/image/rtgr3pqc/

У меня есть php-файл, который обслуживает файл firefoxLinux.css или, по крайней мере, так и есть. Загружается ли этот файл, когда вы видите этот сайт через firefox / linux?

Спасибо за помощь

Answer 1

В вашем firefox.css у вас есть другая отрицательная верхняя маржа для вашего div#endinglogo.Сделайте его -110px (как в вашем chrome.css файле), и он должен работать.

Хотя в связанном sidenote вы создаете несколько таблиц стилей для разных браузеров?Для большинства вещей есть решения, которые работают согласованно во всех браузерах и операционных системах, и только в некоторых случаях вам нужны специальные стили (например, для IE, может быть, некоторые старые версии Firefox).Я думаю, что если бы вы консолидировали свои стили, у вас было бы меньше проблем.Конечно, это только мои два цента.