2013-08-23 91 views
0

我需要我的側邊欄具有完整的高度,並且還包含背景圖像。帶有背景圖像的全高度側邊欄

Here's the link to what I have so far. 這是我的CSS:

/* Sidebar */ 
#sidebar { 
background-color: #e7d9c9; 
    background-image: url('/imgs/map.png'); 
    background-repeat: no-repeat; 
width: 318px; 
height: auto; 
float: left; 
padding-bottom: 20px; 
} 

#sidebar h1 { 
border-bottom: thick; 
border-bottom-width: 75%; 
} 

.sidetext { 
    padding: 5px 20px; 
    font-size: 18px; 
    font-family: Helvetica Neue; 
    padding-bottom: 20px; 
} 

.sidelink { 
    padding-bottom: 20px; 
    margin: 0; 
    padding: 0; 
    width:300px; 
} 

.sidelink ul { 
    margin: 0; 
    padding: 0; 
    margin-left: 20px; 
} 

.sidelink li { 
    display: block; 
    list-style: none; 
} 

.sidelink li a { 
    display:block; 
    font-family: Helvetica Neue; 
    font-size:16px; 
    color:#FFF; 
    text-decoration:none; 
    background-color:#1e416f; 
    padding:5px; 
    border-left:10px solid #FFF; 
    padding-bottom: 20px; 
} 

.sidelink li a:hover { 
    border-left:14px solid #1e416f; 
    background-color:#e7d9c9; 
    color: #1e416f; 
} 

h5 { 
    font-family: Helvetica Neue: Light; 
    font-size: 24px; 
    color: #517f9c; 
} 

這也將是真棒,如果有人可以幫助我,說:「邊欄H1」的部分。我在這裏想要完成的是,在每個h1之後,我會在底部邊界之後的h1和20px之間獲得輕微的底部邊界20px。這也符合其他文本和鏈接(左20px和右20px),但我認爲這不會是75%。謝謝!

回答

0

Idk如果你正在討論把身高調整到另一個師或身體的總高度。

如果你是在談論一個部門需要分工相對於身體與高度100%

的屬性裏面asigned如果你想要的高度是身體的100%,其他部門的ASIGN剛做絕對位置後做100%。這將工作良好。

+0

嗨,我實際上是在談論我的側邊欄的棕褐色,並一直延伸到底部,以便下面沒有空白區域,同時還將黑暗棕褐色的地圖圖像保留在原來的位置。所以從字面上看,只是將我的側邊欄的高度擴展到全面的能力。 –