2带有粘页眉和页脚的列布局

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

来源

2013-01-25 cella

**你尝试过什么** –

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

来源

2013-01-25 09:28:27 Sowmya

Sowmya这是这样的很酷的工具。但尝试创建一个2列的页面，左侧（菜单）列从页眉延伸到页脚。这是我想要实现的。该工具不会拉伸左栏。不管怎么说，还是要谢谢你。 – cella

为什么你使用帧？你也可以使用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>

来源

2013-01-25 09:45:29

雷蒙德我根本不使用框架。你可以包括整个页面的HTML和CSS？ – cella

嘿切拉，目前我无法做到这一点，因为在我的工作没有额外的时间。但是，如果您将使用CSS浮动元素对不同博客中的页面进行分类，并结合使用html div，可以查看此链接。 http://www.sitemasters.be/tutorials/5/1/90/CSS/Div_element –

2带有粘页眉和页脚的列布局

回答

相关问题