粘性页脚问题

时间:2011-10-10 07:20:12

标签: html css footer sticky-footer

我遇到了粘性页脚技巧的问题。问题是我想要适合左侧导航菜单的右边界(实际上边框是内容div的左边界)到#container的高度。但正如你在给定链接上看到的那样,我只能看到20-30%的右边界。我该如何解决?请帮忙

链接到页面 http://smiths-heimann.az/?page=2

1 个答案:

答案 0 :(得分:1)

- 在css中使用背景 -

使用1px高和998px宽的bg图像,其中包含“边框”像素。 这将解决这个问题。

我做了一个例子:

在css:#/ p>中的#container下添加此行

background: url("http://www.elbowroom.co.il/test.png") repeat-y; (it works)

您可以稍后用自己的bg替换它。

- 使用jQuery-- 您可以定义要随容器高度展开的内容高度。

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(function(){

            $("div#content").height($(div#container).height() - ???);
            $(window).resize(function(){
                $("div#content").height($(div#container).height() - ???);
            });
        });
    </script>

用适合您的金额替换问号。