2

在我的母版頁上面的行存在DOCTYPE HTML PUBLIC DTD XHTML 1.0過渡

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

但爲什麼它讓我的問題?

在內容頁我正在嵌入一個SWF對象

var flashvars = {xmlPath: "xml/" + GetQueryString("x") + ".xml" }; 
    var params = { allowFullScreen: "true", wmode: "transparent" }; 
    var attributes = {}; 
    swfobject.embedSWF("main.swf", "gallery", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes); 

如果我註釋掉SWF對象填滿屏幕的DOCTYPE「行」(因爲它應該)。 如果我不註釋掉DOCTYPE「行」,SWF對象只填充水平方向。

那麼這裏發生了什麼?我可以同時在垂直和水平方向上平鋪DOCTYPE和SWF對象嗎?

UPDATE:這裏是沒有成功應用的CSS

<style type="text/css"> 
*{ 
margin:0; 
padding:0; 
} 
html, body, #gallery { background: #EFEFEF; height:100%; } 
body { margin:0; padding:0; overflow:hidden; } 
</style> 

另一個更新:在Chrome瀏覽它的偉大工程,在Internet Explorer中的SWF充滿顯示器的20%,放置在頁面頂部,最後在Firefox中,不顯示任何內容。

回答

3

在標準模式下,如果你想有一個靜態定位的元素是相同的高度視,它和所有的祖先(可能包括bodyhtml)必須有一個CSS height: 100%100%高度是相對於父級的大小,如果父級沒有明確的高度,百分比是沒有意義的。

如果你想要一個絕對定位的元素與視口相同的高度,它是相同的,但位置包含塊而不是每個元素。這種情況通常更簡單,因爲視口和元素之間可能沒有任何包含塊。

在怪癖模式下(這是您刪除文檔類型時得到的),height: 100%通常有不同的效果,在許多通常沒有什麼幫助的錯誤中。

+0

你好,謝謝你的回覆。你能檢查我發佈的更新嗎?我只是無法弄清楚我在這裏做錯了什麼。 – OrElse 2010-11-11 09:29:22

+0

我愛你和螢火蟲!這裏是我的100分! – OrElse 2010-11-14 20:25:08

相關問題