調整div來填充瀏覽器

我有一個頁面，有很多div和風格，我的div被埋在裏面的某個地方。調整div來填充瀏覽器

我想要一個按鈕，它會自動讓我的div，包括視頻播放器，調整大小和捕獲整個瀏覽器。

爲了做到這一點，我試圖獲取div的當前位置，然後相對定位它，以便它能夠到達左上角，以便我可以使用document.body.clientHeight/clientWidth。

不能得到這個工作。

我試圖將我的div移動到第一個div，然後調整大小的方法，但這會擾亂Flash Player。

任何想法？任何不同的方法？

謝謝
蓋伊

2009-11-04 guytom

爲什麼有關係嗎？你應該使用固定而不是親屬。然後將位置設置爲0,0並將寬度和高度設置爲100％。簡單的js可以做到這一點。

2009-11-04 01:50:56 kubal5003

所有這些位置固定的解決方案，適用於Firefox，但在IE7他們有問題在我的網頁，一些申報單還停留在它上面。 – guytom

z-index怎麼樣？ – kubal5003

我使用它，但問題是定位 – guytom

使用其中一個可處理DIV的lightbox克隆。他們通常會將有問題的DIV複製到他們自己的視圖DIV中，這有助於解決定位問題，而且您不必對隱藏的DIV執行任何操作。

我發現多面燈箱是非常容易定製：

但也有很多其他的周圍也是如此。

2009-11-04 01:54:21

我會嘗試一個jQuery的燈箱克隆。但使用Lightbox工具+1。 – David

它看起來不錯，但據我瞭解，它再次加載內容，所以我的Flash視頻播放器重新加載，這是不受歡迎的。如果我不介意Flash重新加載，我可以使用DOM中的div位置，因爲我上面寫的是 – guytom

如果將Flash電影嵌入到div中，則將其移入Lightbox不應重新加載。你確定這是嗎？ –

單擊時，只需將div的樣式設置爲'fixed'，並將位置設置爲0,0。像：

var theDiv = document.getElementById('yourDivsId'); 
theDiv.style.position = 'fixed'; 
theDiv.style.top  = 0; 
theDiv.style.left  = 0;

2009-11-04 01:55:40 umbrae

這應該做的伎倆：

<div style="position:absolute;top:0;left:0;width:100%;height:100%"> 
    some content here 
</div>

2009-11-04 02:16:19 jerjer

與固定相同，當div被埋沒時，它在IE中無法正常工作... – guytom

回答