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帶有粘頁眉和頁腳的列布局

回答

相關問題