Сайт отлично работает в большинстве браузеров, кроме Firefox. (Volusion)
Я работаю над редизайном веб-сайта небольшой компании, использующего платформу электронной коммерции Volusion. По сути, этот веб-сайт состоит из двух частей: домашней страницы, которая полностью создана по индивидуальному заказу, и остальной части веб-сайта, которая в значительной степени опирается на набор шаблонных файлов.html и.css.
Моя главная проблема в том, что сайт выглядит хорошо на Chrome, Safari и (в основном) IE. Но это выглядит абсолютно ужасно для Firefox, и я не могу понять, почему это так.
Вот две ссылки, которые лучше всего отображают проблему:
Домашняя страница: (* удалена ссылка из-за отсутствия репутации *)
И еще одна страница: http://www.farmtopeople.com/NYC-Artisan-Hub-s/3353.htm
Я не уверен, как исправить эту ошибку, так как любое исправление, которое я делаю для Firefox, вызывает проблемы только в Chrome и т. Д.
Еще одна проблема для IE: в ссылке "другая страница" основное содержимое страницы перемещается вниз под левой навигацией. Как я могу это исправить?
Некоторая дополнительная информация, которая может помочь: Volusion может быть ограничен настройкой, поэтому способ отображения домашней страницы немного неудобен. Полностью настраиваемый html-файл со своими собственными html, head и body разделами в значительной степени просто добавляется в область, которая должна быть баннерной на странице. Эта пользовательская страница использует css для "отображения: ничего" большинства шаблонов, которые Volusion хочет на каждой странице, но это означает, что на домашней странице все еще есть два раздела head и body. Я чувствую, что это, вероятно, вызывает некоторые проблемы, но это не объясняет, почему ссылка на "другую страницу" все еще так запутана.
Любая помощь будет безмерно признательна!
РЕДАКТИРОВАТЬ:
Вот скриншот того, что я вижу через Firefox по ссылке "другая страница" выше: http://i.imgur.com/i3Btpyq.jpg?1
Кажется, что он вообще не регистрирует css?
2 ответа
Что вы можете сделать, это добавить некоторые JavaScript, чтобы определить, является ли это Firefox или нет. Затем, если это Firefox, удалите ненужные поля из div.
var FIREFOX = /Firefox/i.test(navigator.userAgent);
if (FIREFOX) {
var el = document.getElementById('content');
el.setAttribute("style","margin-left: 0px;");
}
редактировать:
Вы можете поместить JavaScript в свой HTML, используя:
<script type="text/javascript">
// The Code Above
</script>
Проблема в том, что в какой-то момент элемент div с идентификатором "#content" был установлен в поле слева -410px, что приводит к смещению всей страницы влево. Кроме того, я замечаю большие части ваших таблиц использования стилей, это плохая практика и может вызвать проблемы.