2013-04-05 84 views
0

我試圖伸展內容div來100%的高度:複雜粘頁腳和100%的內容高度

http://new.art-frame.spb.ru/catalog

內容DIV:

<div id="rt-transition">...</div> 

頁腳:

<footer id="rt-footer-surround">...</footer> 

問題是,我無法更改html佈局,只有CSS。

(最好的方法是使用螢火蟲/ Chrome檢查,看看什麼是一回事)

html { 
    position: relative; 
    min-height: 100%; 
    height: auto; 
    margin: 0; 
} 

body { 
    margin: 0 0 100px; 
    min-width: 100px !important; 
} 

footer { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    height: 100px; 
    width: 100%; 
} 

回答

0

嘗試改變html100%而不是autoheight。然後,玩弄裏面所有元素的CSS,使其合適。如果有多餘的溢出,使用

body { overflow: hidden; } 

爲了解決這個問題,雖然這不會允許滾動。

0

集:

min-height: 720px; 

你的RT-主要

+0

嗯,我不知道這會工作。以像素爲單位的「最小高度」不能動態響應 - 您是否改變了瀏覽器的高度? – 2013-04-05 15:08:25