2016-04-19 2 views
1

Мне было интересно, если кто-то может посмотреть на hawkeyeelectronics.com и помочь мне понять, почему определенный заголовок h2 неправильно помещается в некоторых браузерах Chrome/Firefox/IE той же версии, но не в других.Тестирование позиционирования H2

История вопроса: Я изменил схему расположения этого сайта, чтобы заголовок «ПРОДУКТЫ, СЕРВИС» & ПОДДЕРЖКА ... HAWKEYE® WAY! » (H2) не будет перекрывать текст «FEATURED DEPTH FINDERS AND FISH FINDERS» (H1) в верхней части страницы.

В браузере и в браузере моего менеджера (как в Chrome версии 50.0.2661.75 м (64-разрядная версия)), так и в моем браузере дома выглядит нормально. Но один другой сотрудник и, по-видимому, остальной мир по-прежнему видит, что H2 и H1 перекрываются! Это немного сложно устранить с моего компьютера, потому что проблема не существует в любом браузере, который я пытаюсь (Chrome/IE/Firefox/Safari).

Вот правильное расположение

correct layout

Вот неправильное расположение

incorrect layout

Может быть, добрый человек здесь может попробовать этот URL и) увидеть, если она имеет проблему компоновки и б) предлагать советы, что можно сделать.

Спасибо.

+0

Добро пожаловать в переполнение стека! Вопросы, требующие помощи кода, должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. Хотя вы предоставили ссылку [** на пример или сайт **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work- can-i-just-paste-a-link-to-it), если ссылка должна стать недействительной, ваш вопрос не будет иметь ценности для других будущих пользователей SO с той же проблемой. –

ответ

0

Эта ошибка возникает только в том случае, если окно браузера слишком мало. Когда это 1200 пикселей в ширину, все в порядке.

Вы должны исправить использование своей загрузочной сетки, похоже, что она перепутана.

+0

Спасибо. Это действительно пороговое значение, когда H2 вскакивает и перекрывает H1. Мне почему-то никогда не приходило в голову делать изменения размера. В настоящее время это исправление «быстрого исправления». Загрузочный бутстрап, который вы видите, заменяет более ранний макет таблицы, который не работает хорошо, поскольку таблицы предназначены для данных, а не для макетов. У меня не было возможности обновить всю страницу, чтобы быть Bootstrap. – NMP