Witam,
stworzyłem stronę opartą na DIVach, na której umieściłem menu wykonane w technologii Flash. Mam problem z prawidłowym wyświetleniem tegoż menu w IE (w Firefox, Opera, Chrome wszystko wyświetla prawidłowo), mianowicie animacja jest zmniejszana o połowę i umieszczona jakby nad divem.

Poglądowy obraz:


Całe menu tzn. tło, które dostosowuje się do szerokości strony oraz obiekt Flash jest umieszczone w jednym DIVie (obszar zaznaczony zieloną kreską).
Jak widać Flash "połowi DIVa" w ten sposób, że animacja jest w górnej części, a "pusty" DIV (opisany przez CSS) w dolnej.

Co może być przyczyną owej nieprawidłowości? Chciałbym, aby animacja wyświetlała się w 100% rozmiarze,a co za tym idzie, aby wypełniała menu na całej wysokości.

Dla porządku zamieszczam także źródło HTML/PHP i CSS:

[HTML] pobierz, plaintext 
  1. <?php echo '<'.'?xml version="1.0" encoding="iso-8859-2"?'.'>'."\n";
  2.  
  3.         if($_GET['strona'] == 'kontakt'){
  4.                         $param = "?param=2";
  5.                 } else{
  6.                         $param = "?param=1";
  7.                         }
  8.  
  9. ?>
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14. <title>Strona prywantna</title>
  15. <meta http-equiv="Content-Type" content="text/html, charset=iso-8859-2" />
  16. <link href="style.css" rel="stylesheet" type="text/css" />
  17. <script type="text/javascript">
  18. //<![CDATA[
  19.                 function rozmiar(param){
  20.                         fs = param + 'px';
  21.                         document.getElementById('tresc').style.fontSize=fs;
  22.                         lh = param*1.5;
  23.                         lh = lh + 'px'
  24.                         document.getElementById('tresc').style.lineHeight=lh;
  25.                 }
  26. //]]>
  27. </script>
  28. </head>
  29. <body onload="#top">
  30. <center>
  31. <br /><a name="top"></a>
  32. <div id="strona">
  33. <div id="naglowek">
  34. <div id="naglowek_in">
  35.         <table align="center" cellspacing="0" cellpadding="0" style="height: 63px;      width: 1024px;">
  36.                         <tr>
  37.                                         <td rowspan="2" style="width: 215px; text-align: right; vertical-align: middle;">
  38.                                                 <a href="/index.php?strona=home#top" title=""><img src="/grafika/logo_top.png" alt="" /></a>
  39.                                         </td>
  40.                                         <td style="width: 567px; text-align: right; vertical-align: top;">
  41.                                                 <a href="/index.php?strona=mapa" title="" style="font-variant: small-caps; font-size: 10px; color: #FFFFFF;">mapa strony</a>
  42.                                         </td>
  43.                         </tr>
  44.                         <tr>
  45.                                         <td style="width: 467px; text-align: right; vertical-align: bottom; padding-right: 5px;">
  46.                                                 <a onclick="rozmiar('10')" title="10px" style="font-size: 10px; color: #FFFFFF; cursor: pointer">A</a>
  47.                                                 <a onclick="rozmiar('12')" title="12px" style="font-size: 12px; color: #FFFFFF; cursor: pointer">A</a>
  48.                                                 <a onclick="rozmiar('14')" title="14px" style="font-size: 14px; color: #FFFFFF; cursor: pointer">A</a>
  49.                                                 <a onclick="rozmiar('16')" title="16px" style="font-size: 16px; color: #FFFFFF; cursor: pointer">A</a>
  50.                                                 <a onclick="rozmiar('20')" title="20px" style="font-size: 20px; color: #FFFFFF; cursor: pointer">A</a>
  51.                                         </td>
  52.                                         </tr>
  53.         </table>
  54. </div>
  55. </div>
  56.  
  57. <div id="menu">
  58. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="1025" height="130" id="naglowek" align="middle">
  59.         <param name="allowScriptAccess" value="sameDomain" />
  60.         <param name="allowFullScreen" value="false" />
  61.         <param name="movie" value="naglowek2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />       <embed src="naglowek2.swf<?php echo $param; ?>" quality="high" bgcolor="#ffffff" width="1025" height="130" name="naglowek" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
  62.         </object>
  63.  
  64. </div>
  65.  
  66. <div id="clear"> </div>
  67. <div id="tresc_out">
  68. <div id="tresc">
  69.  
  70.  
  71.                 <?php
  72.                         $tresc = $_GET['strona'];
  73.  
  74.                         if (empty ($tresc))
  75.                         {
  76.                                 $tresc = 'home';
  77.                         }
  78.                         if (file_exists('pliki/'.$tresc.'.php'))
  79.                         {
  80.                         include 'pliki/'.$tresc.'.php';
  81.                         } else {
  82.                                 echo '<center>Przykro mi, ale podana strona nie istnieje.</center><p style="height: 200px;"></p></br>';
  83.  
  84.                         }
  85.                 ?>
  86. </div>
  87. </div>
  88.  
  89. <div id="stopka">
  90.  
  91. <table cellspacing="0" cellpadding="0" style="height: 63px;     width: 100%;">
  92.                         <tr><td style="width: 20%; text-align: right; vertical-align: middle;">
  93.  
  94.                                         </td>
  95.                                         <td style="text-align: center; vertical-align: middle;">
  96.  
  97.                                         Copyright <?php echo date('Y'); ?> Sianko<br /><br />
  98.  
  99.  
  100.  
  101.                                         </td>
  102.                                         <td style="width: 20%; text-align: right; vertical-align: middle; padding-right: 5px;">
  103.                                         STATYSTYKI
  104.                                         </td>
  105.  
  106.                                         </tr>
  107.         </table>
  108. </div>
  109. </div>
  110. <br /><br />
  111.  </center>
  112.  </body>
  113.  </html>
[HTML] pobierz, plaintext 


[CSS] pobierz, plaintext 
  1. body{
  2.         background: #525252;
  3.         color: #FFFFFF;
  4.         font-size: 14px;
  5.         font-family: Calibri, Arial;
  6.  
  7. }
  8.  
  9. a{
  10.         color: #FFFFFF;
  11.         text-decoration: none;
  12.         border-bottom: 1px dashed #da0000;
  13.         cursor: pointer;
  14. }
  15.  
  16. a:hover{
  17.         color: #9d0000;
  18.         text-decoration: none;
  19.         border-bottom: 1px dashed #FFFFFF;
  20.         cursor: pointer;
  21. }
  22.  
  23. a.kontakt{
  24.         color: #FFFFFF;
  25.         text-decoration: none;
  26.         border: 0px;
  27.         cursor: pointer;
  28. }
  29.  
  30. a.kontakt:hover{
  31.         color: #9d0000;
  32.         text-decoration: none;
  33.         border: 0px;
  34.         cursor: pointer;
  35. }
  36.  
  37.  
  38. a.pomoc{
  39.         color: #FFFFFF;
  40.         text-decoration: none;
  41.         border: 0px;
  42.         cursor: pointer;
  43. }
  44.  
  45. a.pomoc:hover{
  46.         color: #9d0000;
  47.         text-decoration: none;
  48.         border: 0px;
  49.         cursor: pointer;
  50. }
  51.  
  52. img{
  53.                 border: 0px;
  54. }
  55.  
  56. #strona{
  57.         width: 100%;
  58. }
  59.  
  60.  
  61. #naglowek{
  62.         background: url('/grafika/tlo_top1.png') repeat;
  63.         height: 63px;
  64.         width: 100%;
  65.         overflow: hidden;
  66.         clear: both;
  67.  
  68. }
  69.  
  70. #naglowek_in{
  71.         background: url('/grafika/top1.png') no-repeat;
  72.         height: 63px;
  73.         width: 1024px;
  74.         overflow: hidden;
  75.  
  76. }
  77.  
  78. #menu{
  79.         background: url('/grafika/tlo_menu_2.png') repeat;
  80.         height: 130px;
  81.         width: 100%;
  82.         clear: both;
  83.         overflow: hidden;
  84.         margin: 0px;
  85.         padding: 0px;
  86.  
  87. }
  88.  
  89. #clear{
  90.         background: url('/grafika/tlo_top2.png') repeat;
  91.         width: 100%;
  92.         height: 20px;
  93.         clear: both;
  94. }
  95.  
  96. #tresc_out{
  97.         background: #656465;
  98.         overflow: hidden;
  99.         clear: both;
  100.  
  101. }
  102.  
  103. #tresc{
  104.         background: #656465;
  105.         width: 1025px;
  106.         text-align: justify;
  107.         line-height: 21px;
  108.         padding-left: 0px;
  109.         padding-right: 0px;
  110.         padding-top: -30px;
  111.         padding-bottom: 10px;
  112.         margin: 0px;
  113.         margin-top: 0px;
  114.         overflow: hidden;
  115.  
  116. }
  117.  
  118. #stopka{
  119.         background: url('/grafika/tlo_bottom.png') repeat;
  120.         height: 61px;
  121.         width: 100%;
  122.         font-size: 12px;
  123.         overflow: hidden;
  124.         clear: both;
  125.  
  126.  
  127. }
[CSS] pobierz, plaintext


Z góry dziękuję i pozdrawiam winksmiley.jpg

Problem rozwiązany. Temat do zamknięcia.
Problem tkwił w identyfikatorze animacji, który był taki sam jak id div-a. blinksmiley.gif