Question

我需要弄清楚如何从包装器中删除页脚并将其添加到页面末尾。我想使用一个具有浏览器分辨率宽度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>

Answer 1

只是玩CSS，为什么要编辑代码？

顺便说一句，这是与解决方案类似的问题 Full-width footer won't stick to the bottom

Answer 2

尝试将页脚容器设为绝对值，使其跳出正常流量，然后将宽度设置为屏幕大小的100％。我喜欢你的magento instalation有类'footer-container'couse我的。 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>

的style.css

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

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

.footer{
    width: 900px;  /* set width you want */
    margin: 0 auto;
}

Magento：从包装中移除页脚

2 个答案: