http://aokiflower.net/

IEでFlashがずれてしまいます。

Flashエリアの記述（top.tpl内）

<div class="topcenter">
<div id="flasharea">
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("このページでは \"AC_RunActiveContent.js\" が必要です。");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '530',
'height', '230',
'src', 'main',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'main',
'bgcolor', '#ffffff',
'name', 'main',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', '<!--{$TPL_DIR}-->flash/main',
'salign', ''
); //end AC code
}
</script>


<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="530" height="230" id="main" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="<!--{$TPL_DIR}-->flash/main.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="<!--{$TPL_DIR}-->flash/main.swf" quality="high" bgcolor="#ffffff" width="530" height="230" name="main" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>

</div>
<p>
<a href="<!--{$smarty.const.SITE_URL}-->designer/aoki.php"><img src="<!--{$TPL_DIR}-->img/main/designer1.gif" width="172" height="60" border="0" alt="青木悦子" /></a>
<a href="<!--{$smarty.const.SITE_URL}-->designer/momoko.php"><img src="<!--{$TPL_DIR}-->img/main/designer2.gif" width="172" height="60" border="0" alt="青木桃子" /></a>
<a href="<!--{$smarty.const.SITE_URL}-->designer/shinri.php"><img src="<!--{$TPL_DIR}-->img/main/designer3.gif" width="172" height="60" border="0" alt="馬場しんり" /></a>
</p>
</div><!--class="topcenter"-->


CSSの記述

/* ☆☆topcenter☆☆
----------------------------------------------- */
.topcenter {
float: left;
width: 530px;
margin: 12px 5px 23px 5px;
}

#flasharea {
width: 530px;
margin: 0;
padding: 0;
}

どうしたら、ずれが直りますでしょうか？

セレクタ「div#flasharea」が優先なので、「#flasharea」では反映されませんよ。

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

なるほど、そういう事でしたか。。。

#flashとしたら、FireFoxではうまく表示されました。

しかし、IEでやはりずれが生じます。

top.tplに"メイン上部表示"を作成し、レイアウト設定でメイン上部にブロックを配置し、表示させるようにすればよいのでしょうか？やってみます。


↓↓↓

メイン上部に設定しましたが、
ブロック編集でflash.tplを作成し、メイン上部に配置しましたが、
やはりIEだとずれてしまいます。

どうしてでしょうか。。。

何か、スクリプト文に問題があるのでしょうか？

'id', 'main',

CSSで、#mainの設定を他でしていた為でした。

上の記述を取り払ったら、うまく表示されました。