2012-10-13 57 views
0

我有一個div;標題,另一個稱爲headerimg包含圖像。我正在嘗試將頁眉圖像粘貼到頁面底部(水平線)以調整頁面大小。這是我的代碼:CSS將div發送到其他div的底部;底部:0不工作

.header{ 
float:right; 
width:93%; 
height:100px; 
padding-right:0px; 
background-image:url('img/barhorizontal.gif'); 
background-repeat:repeat-x; 
background-position:bottom; 
postion:relative; 
} 

.headerimg{ 
bottom:0; 
postion:absolute; 
} 

.headerimg img{ 
width:45%; 
height:auto;  
} 

但它不起作用。這裏是我的網站:Click

任何幫助?

回答

2

你拼錯position

you have: postion 
change to: position 

如何辨別此類事件?在瀏覽器中打開開發人員工具。至少在Chrome中,它會在旁邊顯示一個小小的黃色三角形,並將該線劃掉。你看到錯誤「未知屬性名稱」

+0

它的工作,但現在的標誌是非常小的。如果我將.headerimg的寬度和高度更改爲100%,它不會堅持到底部,你可以看看[鏈接](http://nefas.nl/)? – Niek

+0

請勿將圖像寬度設置爲45%。它將是容器寬度的45%,所以如果容器很小,當然它會很小。 – sachleen

+0

謝謝,它現在可行! – Niek