2011-09-22 51 views
1

我使用以下代碼在div標籤內顯示fusionchart。該圖表在Chrome和FF中正確顯示,但使用IE瀏覽器時,它超出了我的div標記的範圍。任何想法我失蹤?flash播放器在div之外(僅在IE中)

<div id="chart_div" style="width: auto;border: solid 1px #ff0000;><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="chart" > 
<param name="movie" value="../FusionCharts/Column2D.swf" /> 
<param name="FlashVars" value="&dataURL=' . 'chart_data/'.$xml_file . '&chartWidth=100%&chartHeight=500px"> 
<param name="quality" value="high" /> 
<embed src="../FusionCharts/Column2D.swf" flashVars="&dataURL=' . 'chart_data/'.$xml_file . '&chartWidth=100%&chartHeight=500px" quality="high" width="100%" height="500px" name="chart" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> 
</object></div> 

IE似乎總是很難...

回答

2

你缺少一個右/

嘗試改變

<param name="FlashVars" value="&dataURL=' . 'chart_data/'.$xml_file . '&chartWidth=100%&chartHeight=500px"> 

<param name="FlashVars" value="&dataURL=' . 'chart_data/'.$xml_file . '&chartWidth=100%&chartHeight=500px"/> 
+0

股利顯示正確的大小,但圖表只是父DIV的一小部分現在... – Paul

0

你錯過了在<div>的樣式屬性的最後一個報價接近。

也許嘗試添加overflow:hidden如果有幫助。

1

你的問題,是因爲未閉合的元素和失蹤qoutes的。你需要改變,

<param name="FlashVars" value="&dataURL=' . 'chart_data/'.$xml_file . '&chartWidth=100%&chartHeight=500px"> 

要這個......

<param name="FlashVars" value="&dataURL=' . 'chart_data/'.$xml_file . '&chartWidth=100%&chartHeight=500px"> 

這...

<div id="chart_div" style="width: auto;border: solid 1px #ff0000;> 

要這個......

<div id="chart_div" style="width: auto;border: solid 1px #ff0000;"> 

這應該解決你的問題。

快樂的編碼芽。

+0

我已經做出了改變,但現在我認爲它與顯示順序有關。這個div標籤是在一組jquery標籤中,所以也許這應該在標籤加載後調用? – Paul

+0

是的,它應該,如果它沒有任何關係,它不能得到它的寬度或位置。一旦標籤被加載,它將有一個參考點,它將放置在哪裏以及應如何放置。 –

1

你能試試以這種方式設置Flash變量嗎?

&chartWidth=100%&chartHeight=500(不PX)

此外,

你可以試着提的是:

<object width="100%" ..>