Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css / swf ] problem z osadzeniem menu flash pod ie
Forum PHP.pl > Forum > Przedszkole
wojtekwro
3.02.2008, 18:43:48
Witam,

napotkałem się na taki oto problem,

składając stronę dostałem od grafika menu we flashu, wszystko ok umieściłem w odpowiednim divie włączyłem ff i działa, przyszedł czas na coś co ludzie nazywają przeglądarką internet explorer ;]
pod IE pomiędzy menu, a banerem powstaje puste miejsce jakie jest wykorzystywane do rozwinięcia menu oto kod css 

[HTML] pobierz, plaintext 
  1. html, body {background: #fff;
  2. text-align:center;
  3. padding:0 auto;
  4. margin:0 auto;
  5.  
  6.   	}
  7. div.id00 {
  8.     position: inherit;
  9. text-align:center;
  10. padding:0 auto;
  11. margin:0 auto;
  12. top:15px;
  13. text-align:center;
  14. width:990px;
  15. }
  16.  
  17. div.id02 {
  18. position: relative;
  19. top: -163px;
  20. text-align:center;
  21. padding-top:0px;
  22. margin:0 auto;
  23.     width:990px;
  24.     height:180px;
  25.     background:url("images/pod_menu.jpg");
  26. }
  27.  
  28. div.id03 {
  29. position: relative;
  30. top: -163px;
  31. text-align:center;
  32. padding:0 auto;
  33. margin:0 auto;
  34.     width:990px;
  35.     height:532px;
  36.     background:url("images/pod.jpg");
  37. }
[HTML] pobierz, plaintext


i plik main.php
[HTML] pobierz, plaintext 
  1. <? session_start();
  2. if(isset($_GET['lang'])) $_SESSION['lang']=$_GET['lang']; //je?eli jest ustawiona zmienna $_GET['lang'] ustawia sesj?
  3. if(!isset($_SESSION['lang'])) $_SESSION['lang']='pl'; //je?eli nie ma usawionej sesji ustaw defaultowy j?zyk
  4. ?>
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
  6. <html>
  7. <head>
  8. 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  9. 		<title>Reprin</title>
  10. 		<link rel="stylesheet" href="../css.css">
  11. 		<!--[if IE]>
  12. 			<link rel="stylesheet" href="../hack.css">
  13. 		<![endif]-->
  14.  
  15. 		<script type="text/javascript" src="../js.js">
  16.  
  17. 		</script>
  18.  
  19. <script language="javascript"> AC_FL_RunContent = 0; </script>
  20. <script language="javascript"> DetectFlashVer = 0; </script>
  21. <script src="AC_RunActiveContent.js" language="javascript"></script>
  22. <script language="JavaScript" type="text/javascript">
  23. <!--
  24. // -----------------------------------------------------------------------------
  25. // Globals
  26. // Major version of Flash required
  27. var requiredMajorVersion = 8;
  28. // Minor version of Flash required
  29. var requiredMinorVersion = 0;
  30. // Revision of Flash required
  31. var requiredRevision = 0;
  32. // -----------------------------------------------------------------------------
  33. // -->
  34. </script>
  35. </head>
  36. <br />
  37. <body style="background-color:#FFFFFF;">
  38. 		<div class="id00">
  39. <!--url's used in the movie-->
  40. <!--text used in the movie-->
  41. <script language="JavaScript" type="text/javascript">
  42. <!--
  43. if (AC_FL_RunContent == 0 || DetectFlashVer == 0) {
  44. 	alert("This page requires AC_RunActiveContent.js.");
  45. } else {
  46. 	var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
  47. 	if(hasRightVersion) {  // if we've detected an acceptable version
  48. 		// embed the flash movie
  49. 		AC_FL_RunContent(
  50. 			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
  51. 			'width', '990',
  52. 			'height', '235',
  53. 			'src', 'reprin_menu',
  54. 			'quality', 'high',
  55. 			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
  56. 			'align', 'middle',
  57. 			'play', 'true',
  58. 			'loop', 'true',
  59. 			'scale', 'showall',
  60. 			'wmode', 'transparent',
  61. 			'devicefont', 'false',
  62. 			'id', 'reprin_menu',
  63. 			'bgcolor', '#ffffff',
  64. 			'name', 'reprin_menu',
  65. 			'menu', 'true',
  66. 			'allowScriptAccess','sameDomain',
  67. 			'allowFullScreen','false',
  68. 			'movie', 'reprin_menu',
  69. 			'salign', ''
  70. 			); //end AC code
  71. 	} else {  // flash is too old or we can't detect the plugin
  72. 		var alternateContent = 'Alternate HTML content should be placed here.'
  73. 			+ 'This content requires the Adobe Flash Player.'
  74. 			+ '<a href=http://www.macromedia.com/go/getflash/>Get Flash</a>';
  75. 		document.write(alternateContent);  // insert non-flash content
  76. 	}
  77. }
  78. // -->
  79. </script>
  80. <noscript>
  81. 	// Provide alternate content for browsers that do not support scripting
  82. 	// or for those that have scripting disabled.
  83.   	Alternate HTML content should be placed here. This content requires the Adobe Flash Player.
  84.   	<a href="http://www.macromedia.com/go/getflash/">Get Flash</a>
  85. </noscript>
  86.  
  87. 		</div>
  88. 		<div class="id02"></div>
  89. 		<div class="id03">tutaj jakiś text</div>
  90.  
  91. </body>
  92. </html>
[HTML] pobierz, plaintext


proszę o jakieś wskazówki jak obejść ten problem. Bo kombinowałem już na kilka sposobów i nic mi nie wyszło, wiem jak "dostawić" baner do menu ale wtedy ono rozwija się pod banerem i jest niewidoczne.

Pzdr
Wojtek

jakby komuś było potrzebne 

[HTML] pobierz, plaintext 
  1. html, body {background: #fff;
  2. text-align:center;
  3. padding:0 auto;
  4. margin:0 auto;
  5.  
  6.   	}
  7. div.id00 {
  8.     position: relative;
  9. text-align:center;
  10. padding:0 auto;
  11. margin:0 auto;
  12. top:15px;
  13. text-align:center;
  14. width:990px;
  15. z-index: 2;
  16. }
  17.  
  18. div.id02 {
  19. position: relative;
  20. top: -163px;
  21. text-align:center;
  22. padding-top:0px;
  23. margin:0 auto;
  24.     width:990px;
  25.     height:180px;
  26.     background:url("images/pod_menu.jpg");
  27. z-index: 1;
  28. }
  29.  
  30. div.id03 {
  31. position: relative;
  32. top: -163px;
  33. text-align:center;
  34. padding:0 auto;
  35. margin:0 auto;
  36.     width:990px;
  37.     height:532px;
  38.     background:url("images/pod.jpg");
  39. }
[HTML] pobierz, plaintext



problem rozwiązany dwa divy na relative
MMX3
3.02.2008, 19:48:25
Bo IE jest jak HIV w internecie.

spróbuj tak:
[HTML] pobierz, plaintext 
  1. <object data="ściezka_do_pliku" type="application/x-shockwave-flash"  width="xxx" height="yyy"> 
  2.     <param name="movie" value="sciezka_do_pliku" /> 
  3. </object>
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.