Почему этот модуль выглядит по-разному в Chrome и правильно в Firefox и Internet Explorer?

У меня есть сайт, на первой странице которого находится прокрутка на одну страницу. Шаблон создает это как последовательные модули (шаблон для Joomlart ja_cloris для справки). Сегодня я внес некоторые изменения в мою контактную форму, которая является последней позицией модуля на странице, и по какой-то причине она перекрывает нижний колонтитул внизу. Это происходит только в Chrome. В Firefox и IE он отображается правильно. Я не могу понять, что вызывает эту проблему.

В моем шаблоне позиции модуля определяются как таковые:

<?xml version="1.0" encoding="utf-8"?>
<layout name="desktop">
    <!--Extra css load for this layout-->
    <stylesheets>
    </stylesheets>
    <blocks name="top" style="xhtml">
        <block name="absolute" type="modules" style="raw">absolute</block>
        <block name="top-panel" type="modules" style="raw" main-inner="1">top-panel</block>
        <block name="subnav" type="subnav" main-inner="1"></block>
        <block name="Login Form" type="Login"></block>
        <block name="onepage" type="onepage" pageid="" no-wrap="1" no-main="0">
            <page name="landing" type="modules" title="Intro" class="light first-item">page1</page>
            <page name="home" type="modules" title="Your Home" class="light">page2</page>
            <page name="media" type="modules" title="Media" class="light">page3</page>
            <page name="security" type="modules" title="Security" class="light">page4</page>
            <page name="climate" type="modules" title="Climate" class="light">page5</page>
            <page name="lighting" type="modules" title="Lighting" class="light">page6</page>
            <page name="contact" type="modules" title="Questions" class="light last-item">page8</page>
        </block>        
        <block name="cpanel" type="usertools/cpanel"></block>
        <block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4,user5</block>   
    </blocks>
    <blocks name="middle" main-inner="1" colwidth="30">
        <block name="left1">left</block>
        <block name="right1">right</block>
    </blocks>
    <blocks name="bottom" style="xhtml">
        <block name="navhelper" type="navhelper" wrap-inner="1" main-inner="1"></block>
        <block name="botsl" type="spotlight" wrap-inner="1" main-inner="1" special="right" specialwidth="55">user6,user7,user8,user9,user10</block>
        <block name="footer" type="footer" main-inner="1"></block>
    </blocks>
</layout>

Модуль, демонстрирующий проблему, является вторым модулем в позиции «стр. 8». Сайт находится на сайте www.fhsny.com. Прокрутите страницу вниз или нажмите ссылку «Вопросы». Проблема заключается в втором модуле, который отображает мой адрес & телефона и имеет виджет Google call «call me». Как вы можете видеть в Chrome, это перекрывает оранжевую линию оранжевого и черного страниц «нижний колонтитул», в то время как в Firefox и IE это отображается правильно.

Любые мысли, идеи или толчки в правильном направлении оцениваются. Спасибо.

2 голоса | спросил JoelAZ 27 42014vEurope/Moscow11bEurope/MoscowThu, 27 Nov 2014 09:02:21 +0300 2014, 09:02:21

1 ответ


1

Это связано с тем, что вы устанавливаете высоту набора, применяемую к классу .last-item, который может быть расположен в строке 916 template.css :

div.last-item { height: 780px !important; }

Все браузеры отображают что-то несколько иначе, например текст. Текст в браузерах webkit и даже IE немного больше, чем Firefox.

Лучшее, что я хотел бы предложить в вашем случае, - просто прокомментировать приведенный выше код, чтобы он выглядел следующим образом:

/**div.last-item { height: 780px !important; }**/

Затем это перекрытие исчезнет.

Надеюсь, что это поможет

ответил Lodder 27 42014vEurope/Moscow11bEurope/MoscowThu, 27 Nov 2014 12:41:32 +0300 2014, 12:41:32

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132