Приветствую,
Создал swf-ролик размером
960*
283. Вставляю его в ячейку таблицы. Фрагмент кода ниже:
Код HTML:
<table WIDTH="960" BORDER="0" ALIGN="center" CELLPADDING="0" CELLSPACING="0">
<tr>
<td><img SRC="images/spacer.gif" WIDTH="16" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="11" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="5" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="14" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="35" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="75" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="1" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="148" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="20" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="7" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="15" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="115" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="17" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="5" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="115" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="22" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="12" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="5" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="98" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="23" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="47" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="95" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="13" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="11" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="20" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="15" HEIGHT="1" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="1" HEIGHT="1" BORDER="0" ALT=""></td>
</tr>
<tr>
<td colspan="26" ROWSPAN="5" class="textcenter"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="283" hspace="0" vspace="0" align="middle" id="FlashID8">
<param name="movie" value="images/ap.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<param name="LOOP" value="false">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object data="images/ap.swf" type="application/x-shockwave-flash" width="960" height="283" hspace="0" vspace="0" align="middle" >
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<param name="LOOP" value="false">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td><img SRC="images/spacer.gif" WIDTH="1" HEIGHT="81" BORDER="0" ALT=""></td>
</tr>
<tr>
<td><img SRC="images/spacer.gif" WIDTH="1" HEIGHT="25" BORDER="0" ALT=""></td>
</tr>
<tr>
<td><img SRC="images/spacer.gif" WIDTH="1" HEIGHT="74" BORDER="0" ALT=""></td>
</tr>
<tr>
<td><img SRC="images/spacer.gif" WIDTH="1" HEIGHT="63" BORDER="0" ALT=""></td>
</tr>
<tr>
<td><img SRC="images/spacer.gif" WIDTH="1" HEIGHT="40" BORDER="0" ALT=""></td>
</tr>
<tr>
<td ROWSPAN="2"><img NAME="index_r6_c1" SRC="images/index_r6_c1.png" WIDTH="16" HEIGHT="20" BORDER="0" ALT=""></td>
<td ROWSPAN="2" COLSPAN="2"><img NAME="index_r6_c2" SRC="images/index_r6_c2.png" WIDTH="16" HEIGHT="20" BORDER="0" ALT=""></td>
<td ROWSPAN="2" COLSPAN="4"><img NAME="index_r6_c4" SRC="images/index_r6_c4.png" WIDTH="125" HEIGHT="20" BORDER="0" ALT=""></td>
<td ROWSPAN="2" COLSPAN="3"><img NAME="index_r6_c8" SRC="images/index_r6_c8.png" WIDTH="175" HEIGHT="20" BORDER="0" ALT=""></td>
<td COLSPAN="8"><img NAME="index_r6_c11" SRC="images/index_r6_c11.png" WIDTH="306" HEIGHT="14" BORDER="0" ALT=""></td>
<td COLSPAN="3"><img NAME="index_r6_c19" SRC="images/index_r6_c19.png" WIDTH="168" HEIGHT="14" BORDER="0" ALT=""></td>
<td COLSPAN="3"><img NAME="index_r6_c22" SRC="images/index_r6_c22.png" WIDTH="119" HEIGHT="14" BORDER="0" ALT=""></td>
<td ROWSPAN="2" COLSPAN="2"><img NAME="index_r6_c25" SRC="images/index_r6_c25.png" WIDTH="35" HEIGHT="20" BORDER="0" ALT=""></td>
<td><img SRC="images/spacer.gif" WIDTH="1" HEIGHT="14" BORDER="0" ALT=""></td>
</tr>
</table>
всё было бы ничего, но при просмотре страницы в браузерах MSIE8/9+Opera заметил некоторое смещение ролика вправо на 1-2 пикселя по отношению к остальным елементам в других строках таблицы. В результате этого разрушается весь дизайн, а в Mozille Firefox -- вообще разрывы как по горизонтали, так и по вертикали.
Можно ли как-то улучшить ситуацию с точным размещением ролика в таблице HTML?
Добавлено через 1 минуту
да, вот ещё что: если вместо ролика ставлю изображение 960*283 - всё ОК