0

我需要弄清楚如何从包装器中删除页脚并将其添加到页面末尾。我想使用一个宽度为浏览器分辨率 100% 的页脚，这在包装时是不可能的。

我想我需要在我的主题中更改 page.xml。还是local.xml？我想以正确的方式做到这一点...

在 page.xml 我发现：

    <block type="page/html_footer" name="footer" as="footer" template="page/html/footer.phtml">
        <block type="page/html_wrapper" name="bottom.container" as="bottomContainer" translate="label">
            <label>Page Footer</label>
            <action method="setElementClass"><value>bottom-container</value></action>
        </block>
        <block type="page/template_links" name="footer_links" as="footer_links" template="page/template/links.phtml"/>
        <block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml"/>
    </block>
4

1 回答 1

0

尝试使页脚容器绝对，使其跳出正常流，然后将宽度设置为屏幕大小的 100%。我更喜欢你的 magento 安装有我的“页脚容器”类。html结构：

<div class="wrapper">
    <div class="page">
        <div class="footer-container">
            <div class="footer">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
</div>

样式.css

.footer-container{
    position: absolute;
    width: 100%;
    left: 0;
}

之后，您需要设置内部 div 宽度并将其居中：

.footer{
    width: 900px;  /* set width you want */
    margin: 0 auto;
}
于 2013-02-03T10:10:25.023 回答