Question

我想创建此http://www.quackit.com/html/templates/frames/frames_example_5.html 不使用框架。我希望能够在左侧菜单div上设置右边框，但左侧菜单div不会在我找到的示例中从页眉延伸到页脚。其他示例使用重复的.jpg来绘制左侧菜单div的右边框。这应该是一个不容易的任务吗？请帮忙......

Answer 1

您应该尝试CSS layout generator。 http://csslayoutgenerator.com/

Answer 2

为什么使用Frames？你也可以使用css Float：right / left和div's。

你可以用css做一个粘性页脚，它类似于：

CSS

.sticky_footer 
{
    width:                              760px;
    border-top:                         1px solid #BEC2C8;
    position:                           fixed;
    bottom:                             0px;
    right:                              0px;
    left:                               0px;
    padding:                            20px 0px 10px;
    background-color:                   whitesmoke;
    background-image:                   url('/img/bg_footer.png');
    background-repeat:                  repeat-x;
    background-position:                top;
}

页面（页脚）

<div id="footer">
    <div class="sticky_footer">
        <p class="text-info" style="color: #0088cc !important; text-align: center;">
            <small> copyright ...</small>
        </p>
    </div>
</div>

2列布局与粘滞页眉和页脚

2 个答案: