2011-01-12 67 views
0

我需要爲我的網站提供一個簡介(我的老師的要求)。我創建了介紹並將其嵌入到我的頁面中。我在Chrome和Chromium中佔用了整個屏幕。在IE8中,Firefox和Opera的大小不正確。我究竟做錯了什麼?HTML5 Flash 100%IE8和Firefox

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Refresh" content="3; url=template.htm"> 
     <meta charset="UTF-8"> 
     <title>Com Tech Projects | Jason Cook</title> 
    </head> 
    <body style="background: black;"> 
     <embed style="height: 100%; width: 100%;" src="Flash/Introv6.swf"/> 
    </body> 
</html> 
+0

「我做錯了什麼?」 - 您正在使用Flash。 :P – Alerty 2011-01-12 04:27:18

+0

我知道。她似乎確信Flash是必備技能。她似乎並不瞭解新的HTML5功能。其餘的人在Dreamweaver和Fireworks中做了他們的網站。我的網站可能是唯一標準讚揚的網站。 – Jason 2011-01-12 10:18:19

回答

3

嘗試使用

<style> 
html,body{height:100%;padding:0px;margin:0px;background-color:black;} 
</style> 

代替。

2

在HTML5文檔類型中,父元素還必須爲子元素定義使用%值的%值。所以在你的身體標籤的CSS:

 
body { 
    height: 100%; 
    width: 100%; 
} 

然後它應該工作。

+0

...有人會奇怪爲什麼%尺寸存在... – 2011-01-12 01:11:47

+0

我將我的身體標記更改爲「」,並且在Firefox和Opera中仍然存在相同的問題。 – Jason 2011-01-12 02:14:59

0

如果你想要它在全屏,寫:

<video style="position: absolute; height: 100%; width: 100%;"> 
    <embed style="position: absolute; height: 100%; width: 100%;" src="Flash/Introv6.swf"/> 
</video> 

如果不工作,考慮使用<object>標籤,而不是<embed>的。