Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS]Flash + CSS dla róznych przeglądarek
Forum PHP.pl > Forum > Przedszkole
tejek
2.12.2009, 02:19:23
Witam,

Mój problem polega na tym że na różnych przeglądarkach różnie się wyświetla strona w jaki sposób mam poprawić plik CSS lub PHP żeby wszystko zaczeło dobrze wyglądać?

[HTML] pobierz, plaintext 
  1. <link href="styles.css" rel="stylesheet" type="text/css" media="all" />
  2. </head>
  3.  
  4. <body>
  5. <h2>Testowanie przymierzalni</h2>
  6.  
  7. <input type="image" src="images/runlay.png" name="run" value="Uruchom" onclick="
  8. document.getElementById('TLO').style.display='block'; 
  9. document.getElementById('RAMKA').style.display='block';
  10. document.getElementById('RAMKA_CENTRUM').style.display='block';
  11. document.getElementById('RAMKA_LEFT').style.display='block';
  12. document.getElementById('RAMKA_RIGHT').style.display='block';
  13. document.getElementById('FLASH').style.display='block';
  14. " />
  15.  
  16. <div id="TLO">
  17. <div id="RAMKA_CENTRUM" align="center">
  18. <div id="RAMKA_LEFT"></div>
  19. <div id="RAMKA">
  20. <div id="FLASH">
  21. <input type="image" src="images/closelabel.gif" name="close" value="Zamknij" onclick="
  22. document.getElementById('TLO').style.display='none'; 
  23. document.getElementById('RAMKA').style.display='none';
  24. document.getElementById('RAMKA_CENTRUM').style.display='none';
  25. document.getElementById('RAMKA_LEFT').style.display='none';
  26. document.getElementById('RAMKA_RIGHT').style.display='none';
  27. document.getElementById('FLASH').style.display='none';"
  28. />
  29. <br />
  30. <!--url's used in the movie-->
  31. <!--text used in the movie-->
  32. <!-- saved from url=(0013)about:internet -->
  33. <script language="JavaScript" type="text/javascript">
  34. 	AC_FL_RunContent(
  35. 		'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
  36. 		'width', '1000',
  37. 		'height', '650',
  38. 		'src', 'okulary',
  39. 		'quality', 'high',
  40. 		'pluginspage', 'http://www.adobe.com/go/getflashplayer',
  41. 		'align', 'middle',
  42. 		'play', 'true',
  43. 		'loop', 'true',
  44. 		'scale', 'showall',
  45. 		'wmode', 'window',
  46. 		'devicefont', 'false',
  47. 		'id', 'okulary',
  48. 		'bgcolor', '#ffffff',
  49. 		'name', 'okulary',
  50. 		'menu', 'true',
  51. 		'allowFullScreen', 'false',
  52. 		'allowScriptAccess','sameDomain',
  53. 		'movie', 'okulary',
  54. 		'salign', ''
  55. 		); //end AC code
  56. </script>
  57. <noscript>
  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="1000" height="650" id="okulary" align="middle">
  59. 	<param name="allowScriptAccess" value="sameDomain" />
  60. 	<param name="allowFullScreen" value="false" />
  61. 	<param name="movie" value="okulary.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="okulary.swf" quality="high" bgcolor="#ffffff" width="1000" height="650" name="okulary" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
  62. 	</object>
  63. </noscript>
  64. </div>
  65. </div>
  66. <div id="RAMKA_RIGHT"></div>
  67. </div>
  68. </div>
  69. </body>
[HTML] pobierz, plaintext



PLIK CSS:
[HTML] pobierz, plaintext 
  1. @charset "utf-8";
  2. /* CSS Document */
  3. #TLO {
  4. 	position: absolute;
  5. 	top: 0px;
  6. 	left: 0px;
  7. 	height: 100%;
  8. 	width: 100%;
  9. 	margin: 0px auto 0px auto;
  10. 	padding: 0px auto 0px auto;
  11. 	background-color: #999;
  12. 	z-index: 1;
  13. 	display: none;
  14. }
  15. #RAMKA_CENTRUM {
  16. 	margin-top:50px;
  17. 	width:100%;
  18. 	height:100%;
  19. 	z-index: 2;
  20. 	display: none;
  21. }
  22. #RAMKA {
  23. 	width: 1044px;
  24. 	height: 688px;
  25. 	background-color:#FFF;
  26. 	z-index: 2;
  27. 	display: none;
  28. }
  29. #RAMKA_LEFT {
  30. 	float: left;
  31. 	width:100%;
  32. 	overflow: hidden;
  33. 	z-index: 2;
  34. 	display: none;
  35. }
  36. #RAMKA_RIGHT {
  37. 	float:right;
  38. 	width: 100%;
  39. 	overflow: hidden;
  40. 	z-index: 2;
  41. 	display: none;
  42. }
  43. #FLASH {
  44. 	position:relative;
  45. 	z-index: 3;
  46. 	display: none;
  47. }
  48.  
[HTML] pobierz, plaintext


W czym jest problem jakaś podpowiedz wskazówka bo już nie mam pomysłu na to.
Pilsener
2.12.2009, 12:39:35
Poczytaj artykuły o wstawianiu falsh na stronę zgodnie ze standardami w3c:

Pierwszy lepszy:
http://blog.piotrnalepa.pl/2009/06/10/html...tandardami-w3c/

Z tego co się orientuję, to sposobów jest kilka, żaden problem też podejrzeć, jak robią to inni.
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.