Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: rozjeżdzanie się elementów na localhoscie - firefox
Forum PHP.pl > Forum > Po stronie przeglądarki
szczeku
21.03.2011, 23:11:55
W zasadzie nie wiem czy pisze w dobrym dziale, bo sam nie wiem o co może chodzić. Ale do rzeczy. Robię sobie w javascripcie prostą gierkę, gdzie mam mapkę kaflową(izometryczną). Jak otworze to normalnie to wszystko jest oka. Lecz gdy otwieram to na localhoscie to pojawiają się przerwy między kaflami. Dodam, że problem dotyczy firefox'a, na innych przeglądarkach nie ma tego problemu. Nie mam pojęcia z czego to może wynikać, więc proszę o pomoc. Może ktoś się spotkał z czymś takim i wie jak temu zaradzić.

Tak ma być (otwarte normalnie w przeglądarce ):


A tak na localhoscie w firefoxie:
erix
21.03.2011, 23:22:55
Bez kodu można jedynie powróżyć...
szczeku
21.03.2011, 23:56:19 
[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="container">
  3. 	<div id="mapa">
  4.  
  5. 		<div class="kafel kafel_1" style="left: 0pt; top: 0pt;"></div>
  6. 		<div class="kafel kafel_1" style="left: 100px; top: 0pt;"></div>
  7. 		<div class="kafel kafel_2" style="left: 200px; top: 0pt;"></div>
  8.  
  9. 		itd...
  10.  
  11.  
  12. 		</div>
  13. 	</div>
  14. </body>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. * {
  2. 	margin:0;
  3. 	padding:0;
  4. }
  5.  
  6. html, body {
  7.  
  8. 	top:0;
  9. 	left:0;
  10. 	display:block;
  11. 	height:100%;
  12. 	width:100%;
  13. 	overflow:scroll;
  14. }
  15.  
  16. .kafel {
  17. 	position:absolute;
  18. 	width:100px;
  19. 	height:50px;
  20. }
  21.  
  22. .kafel_1 {
  23. 	background-image:url('../images/kafel1.gif');
  24. }
  25.  
  26. .kafel_2 {
  27. 	background-image:url('../images/kafel2.gif');
  28. }
  29.  
  30. #container {
  31. 	position:absolute;
  32. 	width:100%;
  33. 	height:100%;
  34. 	display:block;
  35. 	overflow:hidden;
  36. }
  37.  
  38. #mapa {
  39. 	display:none;
  40. 	position:absolute;
  41. 	height:100%;
  42. 	width:100%;
  43. 	top:-25px;
  44. 	left:-50px;
  45. }
[HTML] pobierz, plaintext
erix
22.03.2011, 00:57:27
A działające "na żywo"?
szczeku
22.03.2011, 12:35:05
Można zobaczyć tutaj, tylko na serwerze działa znowu dobrze. po uruchomieniu na localhoscie założyłem ze psuje się, jak się otwiera przez serwer. A okazuje się że na hostingu działa dobrze. Więc w zasadzie teraz to już mnie to interesuje z czystej ciekawości. Dodam, że uruchamiałem przez Xampp'a.
erix
22.03.2011, 17:01:09
Cytat
Error: jsckInput is not defined
Source File: http://sck.cal24.pl/t/frontend/js/script.js
Line: 4

wink.gif
szczeku
22.03.2011, 19:23:33
heh, coś dużo mam wpadek w tym temacie( co post smile.gif )

już poprawione

ale w zasadzie ten błąd nie ma nic wspólnego z wyświetlaniem. po prostu nie wrzuciłem skryptów od zdarzeń klawiatury.
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.