CSS/DIV問題

我有一個標題，我想堅持頂部和我想堅持底部的頁腳，以及我希望儘可能多地佔用的silverlight控件，而不會溢出到頁腳（或頁眉）。它主要工作，如果我做的：CSS/DIV問題

div#silverlightControlHost 
{ 
    float:left; 
    height: 80%; 
    width: 100%; 
} 

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

我唯一的問題是，當存在分辨率低，如1024×768，在這種情況下，頁腳得到部分由Silverlight控件覆蓋。任何有關如何指定相對於頁眉和頁腳的Silverlight控件高度的建議？實際上，「高度：< 100％> - HeaderHeight - FooterHeight>;」

來源

2010-09-21 dhm

有沒有辦法使用純CSS做到這一點。使用JavaScript，當屏幕大小的更新內容：

window.onresize = function() 
{ 
    var silverlight,headerHeight,footerHeight,windowHeight; 

    if (typeof(window.innerHeight) != 'undefined') 
     windowHeight = window.innerHeight; 
    else 
     windowHeight = document.body.offsetHeight; 

    silverlight = document.getElementById('silverlightControlHost'); 
    headerHeight= parseInt(document.getElementById('header').style.height,10); 
    footerHeight= parseInt(document.getElementById('footer').style.height,10); 
    silverlight.style.height = (windowHeight - headerHeight - footerHeight) + "px"; 
}

來源

2010-09-21 22:55:54

誰就downrated，如果你不知道頁腳的高度，這是唯一的辦法。 – 2010-09-21 23:06:47

謝謝，我選擇了這個選項。 – dhm 2010-09-22 00:01:54

一種可能性，如果你確切知道頁眉和頁腳將會達到什麼樣的高度，那就是使用top：（header的高度）px;底部:(頁腳的高度）px;高度：自動;

來源

2010-09-21 22:51:52 Trezoid

並顯示：固定 – user58670 2010-09-21 22:56:24

回答

相關問題