Question

我正在使用以下代码在div标签内显示fusionchart。图表在Chrome和FF中正确呈现，但是对于IE，它超出了我的div标签的边界。知道我错过了什么吗？

<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似乎总是很难......

Answer 1

您错过了结束/

尝试更改

<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"/>

Answer 2

您的问题是因为未关闭的元素和丢失的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;">

这可以解决您的问题。

快乐的编码萌芽。

Answer 3

请您尝试以这种方式设置Flash变量吗？

&chartWidth=100%&chartHeight=500（没有px）

此外，

您可以尝试提及：

<object width="100%" ..>

Answer 4

你在<div>的样式属性的末尾错过了一个近距离引用。

如果有帮助，可以尝试添加overflow:hidden。

flash播放器在div之外（仅限IE）

4 个答案: