Худо, бедно локальный сайт создал с помощью Joomla, решил украсить его аниме с помощью timelines в Dreamweaver, все конечно по учебнику. Но вот незадача, в IE и Mozilla все работает, слои передвигаются, а в Opera стоят в исходном положении. В чем проблемма, друзья? <?php defined('_JEXEC') or die('Restricted access'); // no direct access require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php'; $document = null; if (isset($this)) $document = & $this; $baseUrl = $this->baseurl; $templateUrl = $this->baseurl . '/templates/' . $this->template; artxComponentWrapper($document); ?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" /> <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]--> <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script> <link href="css/template.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .sloy6 { height: 69px; width: 80px; position: absolute; z-index: auto; left: 650px; top: 102px; } .sloy7 { height: 68px; width: 80px; position: absolute; z-index: auto; left: 750px; top: 102px; } .sloy8 { height: 68px; width: 80px; position: absolute; z-index: auto; left: 453px; top: 102px; } .sloy9 { height: 68px; width: 80px; position: absolute; z-index: auto; top: 103px; left: 550px; --> </style> <script type="text/javascript"> <!-- function MM_timelinePlay(tmLnName, myID) { //v1.2 //Copyright 1998, 1999, 2000, 2001, 2002, 2003, 2004 Macromedia, Inc. All rights reserved. var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false; if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time tmLn = document.MM_Time[tmLnName]; if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID if (myID == tmLn.ID) { //if Im newest setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay); fNew = ++tmLn.curFrame; for (i=0; i<tmLn.length; i++) { sprite = tmLn; if (sprite.charAt(0) == 's') { if (sprite.obj) { numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0]; if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range keyFrm=1; for (j=0; j<sprite.values.length; j++) { props = sprite.values[j]; if (numKeyFr != props.length) { if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr]; else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr]; } else { while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++; if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) { if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1]; else sprite.obj[props.prop2][props.prop] = props[keyFrm-1]; } } } } } } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value); if (fNew > tmLn.lastFrame) tmLn.ID = 0; } } } function MM_initTimelines() { //v4.0 //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved. var ns = navigator.appName == "Netscape"; var ns4 = (ns && parseInt(navigator.appVersion) == 4); var ns5 = (ns && parseInt(navigator.appVersion) > 4); var macIE5 = (navigator.platform ? (navigator.platform == "MacPPC") : false) && (navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4); document.MM_Time = new Array(1); document.MM_Time[0] = new Array(4); document.MM_Time["Timeline1"] = document.MM_Time[0]; document.MM_Time[0].MM_Name = "Timeline1"; document.MM_Time[0].fps = 15; document.MM_Time[0][0] = new String("sprite"); document.MM_Time[0][0].slot = 1; if (ns4) document.MM_Time[0][0].obj = document["Layer1"]; else if (ns5) document.MM_Time[0][0].obj = document.getElementById("Layer1"); else document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] : null; document.MM_Time[0][0].keyFrames = new Array(1, 8, 11, 15, 21, 29, 36, 42, 48, 50); document.MM_Time[0][0].values = new Array(2); if (ns5 || macIE5) document.MM_Time[0][0].values[0] = new Array("650px", "658px", "666px", "674px", "683px", "690px", "697px", "704px", "714px", "719px", "722px", "722px", "721px", "719px", "712px", "705px", "697px", "689px", "681px", "672px", "663px", "657px", "651px", "645px", "639px", "633px", "627px", "621px", "615px", "608px", "601px", "594px", "587px", "580px", "573px", "565px", "555px", "546px", "536px", "526px", "517px", "508px", "499px", "491px", "483px", "476px", "469px", "464px", "457px", "453px"); else document.MM_Time[0][0].values[0] = new Array(650,658,666,674,683,690,697,704,714,719,722,722,721,719,712,705,697,689,68 1,672,663,657,651,645,639,633,627,621,615,608,601,594,587,580,573,565,555,546,536 ,526,517,508,499,491,483,476,469,464,457,453); document.MM_Time[0][0].values[0].prop = "left"; if (ns5 || macIE5) document.MM_Time[0][0].values[1] = new Array("103px", "104px", "105px", "105px", "106px", "106px", "106px", "105px", "98px", "90px", "80px", "73px", "65px", "58px", "53px", "52px", "52px", "53px", "54px", "57px", "61px", "65px", "70px", "76px", "82px", "88px", "94px", "100px", "105px", "110px", "114px", "118px", "121px", "124px", "127px", "129px", "131px", "132px", "133px", "133px", "132px", "131px", "129px", "126px", "123px", "120px", "117px", "114px", "108px", "102px"); else document.MM_Time[0][0].values[1] = new Array(103,104,105,105,106,106,106,105,98,90,80,73,65,58,53,52,52,53,54,57,61,65, 70,76,82,88,94,100,105,110,114,118,121,124,127,129,131,132,133,133,132,131,129,12 6,123,120,117,114,108,102); document.MM_Time[0][0].values[1].prop = "top"; if (!ns4) { document.MM_Time[0][0].values[0].prop2 = "style"; document.MM_Time[0][0].values[1].prop2 = "style"; } document.MM_Time[0][1] = new String("sprite"); document.MM_Time[0][1].slot = 2; if (ns4) document.MM_Time[0][1].obj = document["Layer2"]; else if (ns5) document.MM_Time[0][1].obj = document.getElementById("Layer2"); else document.MM_Time[0][1].obj = document.all ? document.all["Layer2"] : null; document.MM_Time[0][1].keyFrames = new Array(1, 9, 14, 17, 22, 33, 41, 47, 51, 56, 59, 60); document.MM_Time[0][1].values = new Array(2); if (ns5 || macIE5) document.MM_Time[0][1].values[0] = new Array("451px", "450px", "449px", "448px", "447px", "446px", "446px", "446px", "446px", "448px", "451px", "454px", "458px", "462px", "469px", "476px", "484px", "489px", "495px", "501px", "507px", "514px", "518px", "522px", "527px", "531px", "536px", "540px", "545px", "550px", "554px", "559px", "564px", "570px", "576px", "581px", "587px", "593px", "598px", "604px", "609px", "616px", "623px", "630px", "636px", "642px", "648px", "654px", "658px", "661px", "663px", "664px", "665px", "665px", "664px", "663px", "659px", "654px", "650px", "650px"); else document.MM_Time[0][1].values[0] = new Array(451,450,449,448,447,446,446,446,446,448,451,454,458,462,469,476,484,489,49 5,501,507,514,518,522,527,531,536,540,545,550,554,559,564,570,576,581,587,593,598 ,604,609,616,623,630,636,642,648,654,658,661,663,664,665,665,664,663,659,654,650, 650); document.MM_Time[0][1].values[0].prop = "left"; if (ns5 || macIE5) document.MM_Time[0][1].values[1] = new Array("36px", "42px", "48px", "54px", "60px", "66px", "71px", "77px", "82px", "89px", "96px", "101px", "106px", "110px", "115px", "118px", "119px", "119px", "119px", "117px", "115px", "110px", "107px", "103px", "98px", "93px", "88px", "83px", "78px", "73px", "68px", "63px", "59px", "54px", "50px", "47px", "44px", "41px", "38px", "36px", "34px", "32px", "31px", "30px", "30px", "31px", "32px", "36px", "41px", "47px", "53px", "59px", "64px", "70px", "76px", "81px", "90px", "97px", "102px", "102px"); else document.MM_Time[0][1].values[1] = new Array(36,42,48,54,60,66,71,77,82,89,96,101,106,110,115,118,119,119,119,117,115,1 10,107,103,98,93,88,83,78,73,68,63,59,54,50,47,44,41,38,36,34,32,31,30,30,31,32,3 6,41,47,53,59,64,70,76,81,90,97,102,102); document.MM_Time[0][1].values[1].prop = "top"; if (!ns4) { document.MM_Time[0][1].values[0].prop2 = "style"; document.MM_Time[0][1].values[1].prop2 = "style"; } document.MM_Time[0][2] = new String("sprite"); document.MM_Time[0][2].slot = 3; if (ns4) document.MM_Time[0][2].obj = document["Layer3"]; else if (ns5) document.MM_Time[0][2].obj = document.getElementById("Layer3"); else document.MM_Time[0][2].obj = document.all ? document.all["Layer3"] : null; document.MM_Time[0][2].keyFrames = new Array(1, 4, 14, 20, 31, 39, 43, 48, 49, 50); document.MM_Time[0][2].values = new Array(2); if (ns5 || macIE5) document.MM_Time[0][2].values[0] = new Array("552px", "550px", "549px", "554px", "558px", "563px", "569px", "575px", "581px", "588px", "595px", "602px", "608px", "614px", "621px", "627px", "632px", "636px", "641px", "647px", "651px", "656px", "660px", "665px", "670px", "675px", "680px", "685px", "691px", "696px", "702px", "710px", "718px", "725px", "733px", "740px", "746px", "752px", "758px", "764px", "766px", "765px", "764px", "762px", "758px", "755px", "751px", "749px", "749px", "750px"); else document.MM_Time[0][2].values[0] = new Array(552,550,549,554,558,563,569,575,581,588,595,602,608,614,621,627,632,636,64 1,647,651,656,660,665,670,675,680,685,691,696,702,710,718,725,733,740,746,752,758 ,764,766,765,764,762,758,755,751,749,749,750); document.MM_Time[0][2].values[0].prop = "left"; if (ns5 || macIE5) document.MM_Time[0][2].values[1] = new Array("70px", "76px", "81px", "89px", "92px", "96px", "99px", "103px", "107px", "110px", "114px", "117px", "119px", "121px", "122px", "121px", "119px", "115px", "111px", "107px", "103px", "99px", "94px", "89px", "84px", "78px", "73px", "68px", "63px", "59px", "55px", "52px", "50px", "49px", "48px", "48px", "49px", "50px", "51px", "56px", "62px", "68px", "74px", "80px", "85px", "90px", "95px", "99px", "110px", "102px"); else document.MM_Time[0][2].values[1] = new Array(70,76,81,89,92,96,99,103,107,110,114,117,119,121,122,121,119,115,111,107,1 03,99,94,89,84,78,73,68,63,59,55,52,50,49,48,48,49,50,51,56,62,68,74,80,85,90,95, 99,110,102); document.MM_Time[0][2].values[1].prop = "top"; if (!ns4) { document.MM_Time[0][2].values[0].prop2 = "style"; document.MM_Time[0][2].values[1].prop2 = "style"; } document.MM_Time[0][3] = new String("sprite"); document.MM_Time[0][3].slot = 4; if (ns4) document.MM_Time[0][3].obj = document["Layer4"]; else if (ns5) document.MM_Time[0][3].obj = document.getElementById("Layer4"); else document.MM_Time[0][3].obj = document.all ? document.all["Layer4"] : null; document.MM_Time[0][3].keyFrames = new Array(1, 3, 7, 13, 21, 36, 41, 44, 50, 53, 55); document.MM_Time[0][3].values = new Array(2); if (ns5 || macIE5) document.MM_Time[0][3].values[0] = new Array("749px", "754px", "761px", "765px", "770px", "774px", "777px", "778px", "779px", "780px", "780px", "780px", "778px", "776px", "775px", "773px", "772px", "769px", "766px", "760px", "751px", "745px", "739px", "733px", "728px", "722px", "716px", "710px", "704px", "699px", "693px", "688px", "684px", "679px", "674px", "670px", "661px", "655px", "649px", "643px", "638px", "632px", "627px", "619px", "612px", "604px", "596px", "587px", "579px", "572px", "562px", "555px", "550px", "549px", "550px"); else document.MM_Time[0][3].values[0] = new Array(749,754,761,765,770,774,777,778,779,780,780,780,778,776,775,773,772,769,76 6,760,751,745,739,733,728,722,716,710,704,699,693,688,684,679,674,670,661,655,649 ,643,638,632,627,619,612,604,596,587,579,572,562,555,550,549,550); document.MM_Time[0][3].values[0].prop = "left"; if (ns5 || macIE5) document.MM_Time[0][3].values[1] = new Array("145px", "148px", "147px", "143px", "138px", "131px", "122px", "115px", "107px", "99px", "90px", "80px", "71px", "65px", "58px", "51px", "44px", "37px", "30px", "24px", "22px", "25px", "29px", "34px", "39px", "45px", "50px", "57px", "63px", "69px", "75px", "80px", "85px", "90px", "94px", "98px", "104px", "108px", "110px", "111px", "113px", "117px", "121px", "123px", "124px", "124px", "124px", "124px", "124px", "123px", "121px", "118px", "114px", "108px", "103px"); else document.MM_Time[0][3].values[1] = new Array(145,148,147,143,138,131,122,115,107,99,90,80,71,65,58,51,44,37,30,24,22,25 ,29,34,39,45,50,57,63,69,75,80,85,90,94,98,104,108,110,111,113,117,121,123,124,12 4,124,124,124,123,121,118,114,108,103); document.MM_Time[0][3].values[1].prop = "top"; if (!ns4) { document.MM_Time[0][3].values[0].prop2 = "style"; document.MM_Time[0][3].values[1].prop2 = "style"; } document.MM_Time[0].lastFrame = 60; for (i=0; i<document.MM_Time.length; i++) { document.MM_Time.ID = null; document.MM_Time.curFrame = 0; document.MM_Time.delay = 1000/document.MM_Time.fps; } } //--> </script> </head> <body onload="MM_timelinePlay('Timeline1')"> <p class="sloy8"> </p> <p class="sloy9"> </p> <p class="sloy8"> </p> <p class="sloy6"> </p> <div id="art-main"> <div class="art-Sheet"> <div class="art-Sheet-tl"></div> <div class="art-Sheet-tr"></div> <div class="art-Sheet-bl"></div> <div class="art-Sheet-br"></div> <div class="art-Sheet-tc"></div> <div class="art-Sheet-bc"></div> <div class="art-Sheet-cl"></div> <div class="art-Sheet-cr"></div> <div class="art-Sheet-cc"></div> <div class="art-Sheet-body"> <div class="art-Header"> <div class="art-Header-png"></div> <div class="art-Header-jpeg"></div> <div class="art-Logo"> <h1 id="name-text" class="art-Logo-name"><a href="<?php echo $baseUrl; ?>/">ККВ</a></h1> <div id="slogan-text" class="art-Logo-text">клуб компьютерной взаимопомощи</div> </div> <table width="871" height="217" border="0"> <tr> <td width="102" height="29"> </td> <td width="102"> </td> <td width="102"> </td> <td width="110"> </td> <td> </td> <td> </td> <td> </td> <td width="40"> </td> <td colspan="8" rowspan="2"><jdoc:include type="modules" name="top" style="none" /></td> </tr> <tr> <td height="32"> </td> <td> </td> <td> </td> <td> </td> <td colspan="2" rowspan="2"><div class="sloy6" id="Layer2" style="left: 451px; top: 36px;"> <jdoc:include type="modules" name="user6" style="none" /> </div></td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="2"><div class="sloy7" id="Layer3" style="left: 552px; top: 70px;"> <jdoc:include type="modules" name="user7" style="none" /> </div></td> <td> </td> <td> </td> <td> </td> <td> </td> <td width="45"> </td> <td width="32"> </td> <td width="23" height="32"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="2" rowspan="2"> </td> <td> </td> <td colspan="2" rowspan="2"> </td> <td> </td> <td colspan="2" rowspan="2"><div class="sloy8" id="Layer1" style="left: 650px; top: 103px;"> <jdoc:include type="modules" name="user8" style="none" /> </div></td> <td width="11"> </td> <td colspan="2" rowspan="2"><div class="sloy9" id="Layer4" style="left: 749px; top: 145px;"> <jdoc:include type="modules" name="user9" style="none" /> </div></td> <td height="37"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="32"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td width="35"> </td> <td width="40"> </td> <td width="10"> </td> <td> </td> <td width="35"> </td> <td width="10"> </td> <td width="40"> </td> <td width="34"> </td> <td width="11"> </td> <td colspan="2"> </td> <td height="39"> </td> </tr> </table>
