Флеш-плеер находится вне div (только в IE)

Question

Я использую следующий код для отображения fusionchart внутри тега div. Диаграмма правильно отображается в 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

Не могли бы вы попробовать установить Flash Vars таким образом?

&chartWidth=100%&chartHeight=500 (без пикселей)

Также,

Вы можете попробовать упомянуть:

<object width="100%" ..>

Answer 3

Ваша проблема из-за незакрытых элементов и пропущенных квот.Вам нужно изменить,

 <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 4

Вам не хватает закрывающей кавычки в конце атрибута стиля <div>.

Возможно, попробуйте добавить overflow:hidden, если это поможет.