php - Magento 头部跳跃

Question

我有一个奇怪的错误，在浏览网上商店的 magento 网上商店标题上的类别时会改变不同页面上的高度（http://shop.tvornica-snova.hr/index.php/）

即，如果您在主页上，然后单击标题扩展的某些类别以增加 10px 的高度，并且将内容向下推。

我似乎对主页和类别都有相同的 html 结构和布局，所以我无法弄清楚错误在哪里。

有人可以帮忙吗？

Answer 1

查看header-top您的标记部分以获取普通页面和“跳跃”页面。

普通的：

<div class="logo">
    <strong>Magento Commerce</strong>
    <a href="http://shop.tvornica-snova.hr/index.php/" title="Magento Commerce" class="logo">
        <img src="http://shop.tvornica-snova.hr/skin/frontend/default/f002_yellow/images/logotvornica.png" alt="Magento Commerce">
    </a>
</div>

跳跃：

<a href="http://shop.tvornica-snova.hr/index.php/" title="Magento Commerce" class="logo">
    <strong>Magento Commerce</strong>
    <img src="http://shop.tvornica-snova.hr/skin/frontend/default/f002_yellow/images/logotvornica.png" alt="Magento Commerce">
</a>

第一个包含对 的两个引用class="logo"，其中定义了规则margin-top: -10px;。对于标题最接近页面顶部的任何页面都是这种情况 - 它被拉起20px

第二个的标记略有不同，只包含一个对类的引用——因此你看到了 10px 的偏移。