| guvatara |
04.09.2007 12:53 |
Слой с flash в таблице для IE 6
столкнулся с такой проблемой (искал решение везде, безуспешно):
При размещении флеш-ролика на слое внутри таблицы при смещении этого слоя влево на 10px в IE предедущая ячейка кушает часть ролика, как раз ровно 10px.
Код:
<table border="0" width="276" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="i/menu_t.png" /></td>
</tr>
<tr>
<td width="31" style="background:url(i/menu_l.gif) left top no-repeat;"></td>
<td width="234" style="background:url(i/menu_bg.jpg);">
<div style="padding-top:5px; margin-buttom:5px; margin-left:-10px;">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','238','height','131','src','banner/tz-ban','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banner/tz-ban' ); //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,28,0" width="238" height="131">
<param name="movie" value="banner/tz-ban.swf" />
<param name="quality" value="high" />
<embed src="banner/tz-ban.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="238" height="131"></embed>
</object></noscript>
</div>
<td width="11" class="menu_r"><img src="i/b.gif" height="1" width="11" /></td>
</tr>
<tr>
<td colspan="3"><img src="i/menu_b.png" /></td>
</tr>
</table>
Эту проблему я решил через z-index
Код:
<table border="0" width="276" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="i/menu_t.png" /></td>
</tr>
<tr>
<td width="31" style="background:url(i/menu_l.gif) left top no-repeat;"></td>
<td width="234" style="background:url(i/menu_bg.jpg);">
<div style="padding-top:5px; overflow:visible; position:relative; top:0px; left:-10px; z-index: 2; margin-bottom:5px; margin-left:0px; margin-right:0px; margin-top:0px; padding-left:0px; padding-left:0px; padding-bottom:0px; float:left;">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','238','height','131','src','banner/tz-ban','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banner/tz-ban' ); //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,28,0" width="238" height="131">
<param name="movie" value="banner/tz-ban.swf" />
<param name="quality" value="high" />
<embed src="banner/tz-ban.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="238" height="131"></embed>
</object></noscript>
</div> </td>
<td width="11" class="menu_r"><img src="i/b.gif" height="1" width="11" /></td>
</tr>
<tr>
<td colspan="3"><img src="i/menu_b.png" /></td>
</tr>
</table>
но в IE 6 с правой стороны вылезает кусочек таблицы.
Подскажите где у меня что то не так. |
