loona24 Posted September 7, 2014 Share Posted September 7, 2014 Hello! I i did a running text (marquee) in a div it looks fine in Internet Explorer but in Chrome the text goes beyond the div What to do? the code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="rtl"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Untitled Document</title><style type="text/css">object *{padding:0;margin:0;}#container { position: relative; width: 960px; z-index: 1; border: thick solid #000; margin-right: auto; margin-left: auto; height: 1200px; }#header {position: relative;width: 958px;height: 146px;z-index: 2;padding-top: 0px;padding-right: 0px;padding-left: 0px;border-bottom-style: solid;border-bottom-width: medium;border-bottom-color: #ac1c33;margin-right: auto;margin-left: auto;left: 0px;top: 0px;background-image: url(images/html-images/canstockphoto178167596_comp.jpg);}#tab {position: relative;width: 960px;height: 54px;z-index: 4;background-color: #57010c;border-bottom-width: thin;border-bottom-style: solid;}#apDiv1 { position: relative; width: 960px; z-index: 5; background-image: url(images/html-images/canstockphoto17816756009_comp.jpg); background-repeat: repeat; margin: 0px; height: 897px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}#apDiv2 { position: relative; width: 960px; height: 98px; z-index: 6; background-image: url(images/html-images/canstockphoto178167567_comp.jpg); background-repeat: repeat; float: right;}.sign { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bolder; color: #690917; text-align: center; white-space: nowrap;}.outside { border: medium double #000;}.highlight { background-color: #FFF; border: thin solid #000; font-size: 16px; padding: 1px; -webkit-transition: all; -moz-transition: all; -ms-transition: all; -o-transition: all; transition: all; vertical-align: middle; display: inline-block; margin: 2px 0; white-space: nowrap; }#apDiv4 { position: relative; width: 120px; height: 180px; z-index: 1; float: right;}table.main-table { border-spacing: 4px 0; margin-right: 180px;}table.main-table table { border-spacing: 4px 0;}#apDiv10 { width: 140px; height: 200px; z-index: 2; float: right; border: medium inset #CCC; margin-top: 200px; margin-right: 10px; clear: right; position: static; background-color: #FFF;}.heb { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000; text-align: center;} </style><script src="Scripts/swfobject_modified.js" type="text/javascript"></script><script type="text/javascript">function MM_preloadImages() { //v3.0var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_swapImgRestore() { //v3.0var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;} function MM_findObj(n, d) { //v4.01var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);if(!x && d.getElementById) x=d.getElementById(n); return x;} function MM_swapImage() { //v3.0var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script> </head><body onload="MM_preloadImages('images/html-images/home-4.jpg','images/html-images/about-4.jpg','images/html-images/galleries-3.jpg','images/html-images/contect-4.jpg')"><a name="top" id="top"></a><div id="container"> <div id="header"></div><div id="tab"><table width="940" border="0" cellpadding="0" cellspacing="1" style="border-bottom:2px solid black"><tr><td height="52" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contect','','images/html-images/contect-4.jpg',1)"><img src="images/html-images/contect-3.jpg" width="235" height="52" id="contect" /></a></td><td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/html-images/galleries-3.jpg',1)"><img src="images/html-images/galleries-4.jpg" width="235" height="52" id="galleries" /></a></td><td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/html-images/about-4.jpg',1)"><img src="images/html-images/about-3.jpg" width="235" height="52" id="about" /></a></td><td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/html-images/home-4.jpg',1)"><img src="images/html-images/home-3.jpg" width="235" height="52" id="home" /></a></td></tr></table><table width="940" border="0" cellpadding="0" cellspacing="1"></table></div><div id="apDiv1"> <div id="apDiv4"><table width="120" height="180" border="1"> <tr> <td width="162" height="20" class="sign">באנר דגים</td> </tr> <tr> <td height="20" class="sign">מסכה love</td> </tr> <tr> <td height="20" class="sign">באנר מוזיקה</td> </tr> <tr> <td height="20" class="sign">מתופפים</td> </tr> <tr> <td height="20" class="sign">אייקון</td> </tr> </table></div><div class="heb" id="apDiv10"><marquee direction="up" bgcolor="#FFFFFF" width="100" scrollamount="3" onmouseover="stop()" onmouseout="start()"> לפניכם מבחר עבודות בפלאש שיצרתי בנושאים שונים כגון:באנרים, מסכה ואייקון מקווה שתהנו צפייה נעימה.</marquee></div><table class="main-table" width="765" height="876" border="0" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <th width="760" height="84" class="outside" scope="col"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84"> <param name="movie" value="flash work/musicb.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.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" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash work/musicb.swf" width="760" height="84"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 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" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></th> </tr> <tr> <td height="25" align="center" class="sign"><span class="highlight" dir="rtl">באנר מוסיקה</span></td> </tr> <tr> <td style="vertical-align:top" width="760" height="759"><table width="768" height="759" border="0" cellpadding="0" cellspacing="0"> <tr align="left"> <td width="551" height="280" align="center" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="280"> <param name="movie" value="flash work/fishb.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.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" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash work/fishb.swf" width="551" height="280"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 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" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></td> <td width="189" height="280" align="center" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="280"> <param name="movie" value="flash work/lovem.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.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" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash work/lovem.swf" width="189" height="280"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 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" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></td> </tr> <tr> <td height="25" align="center" class="sign"><span class="highlight" dir="rtl">באנר דגים</span></td> <td height="25" align="center" class="sign" ><span class="highlight" dir="rtl">מסכה love</span></td> </tr> <tr> <td width="559" height="394" align="center" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="394"> <param name="movie" value="flash work/Drummers.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.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" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash work/Drummers.swf" width="551" height="394"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 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" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></td> <td width="189" height="394" align="center" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="394"> <param name="movie" value="flash work/icon1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.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" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash work/icon1.swf" width="189" height="394"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="11.0.0.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 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" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></td> </tr> <tr> <td height="25" align="center" class="sign" ><span class="highlight" dir="rtl">מתופפים</span></td> <td height="25" align="center" class="sign" ><span class="highlight" dir="rtl">אייקון</span></td> </tr> </table></td> </tr></table></div><div id="apDiv3"></div><div id="apDiv2"></div></div><script type="text/javascript">swfobject.registerObject("FlashID");swfobject.registerObject("FlashID2");swfobject.registerObject("FlashID3");swfobject.registerObject("FlashID4");swfobject.registerObject("FlashID5"); </script></body></html> the image on chrome http://i60.tinypic.com/140zv41.jpg Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now