Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS][PHP]Problem z firefoxem
xyxy
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 1
Dołączył: 22.01.2009

Ostrzeżenie: (0%)
-----

Witam,

mam taki problem, że w firefoxie źle wyświetla co którąś iterację w pętli while. W operze, IE i chrome wszytko działa, gubi się tylko firefox.
W poniższym przykładzie to trochę uprościłem, żeby było widać sam problem. Po odpaleniu widać, że firefox pomieszał coś w 13 iteracji (widoczne na screenach na samym dole).

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html 
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html>
  5. <head>
  6. 	<meta http-equiv="Content-Type" content="text/html; CHARSET=utf-8" />
  7. 	<title>lista</title>
  8. </head>
  9. <body>
  10. <?
  11. $licznik=0;
  12. while($licznik < 25)
  13. {
  14. ?>
  15. <a href="#" style="display: block; width: 400px; height: 20px; margin:3px; padding: 3px; background-color: #ffcc66;">
  16. <div style="width:200px; float:left;">ssssss</div>
  17. <div style="" >wwwwww</div>
  18. </a>
  19. <?
  20. ++$licznik;
  21. }
  22. ?>
  23. </body>
  24. </html>
[HTML] pobierz, plaintext



Tak wygląda w operze, chrome oraz w IE:
(IMG:http://images48.fotosik.pl/303/34dc5f500ac5a415.jpg)



A tak to wygląda w firefoxie:
(IMG:http://images47.fotosik.pl/302/b4c0991edcb5e853.jpg)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
xyxy
post
Post #2





Grupa: Zarejestrowani
Postów: 60
Pomógł: 1
Dołączył: 22.01.2009

Ostrzeżenie: (0%)
-----

ok, zamieniłem <a> na <div> i prawie działa, teraz nic się nie rozsypuje (był mały problem z lewym marginesem, bo w pętli się sumował jakimś cudem i robiły się "schody" z divów, ale jakoś sobie poradziłem). Nie wiem teraz jak sobie poradzić z podświetlaniem poszczególnych divów, wcześniej miałem tak:

Kod
.link1 {
    font: bold 10px/20px Verdana;
    width: 800px;
    height: 100px;
    background-color:#ffcc66;
    margin-top: 4px;
    display: block;
    padding: 0px;
    color: #2F4F4F;    
}
a.link1:hover {
    background-color: #ffcc33;
    color: #333;
}


i działało. Teraz zmieniłem a.link1:hover na div.link1:hover i podświetlanie nie działa tak jakbym tego chciał, podświetlają się wszystkie divy od góry do pozycji kursora, a powinno podświetlać tylko tego diva na którym jest kursor.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html 
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html>
  5. <head>
  6. 	<meta http-equiv="Content-Type" content="text/html; CHARSET=utf-8" />
  7. 	<title>lista</title>
  8. 		<link rel="stylesheet" href="style.css" type="text/css" />
  9. </head>
  10. <body>
  11.  
  12. <div onclick="document.location='strona.html'" class="link1">
  13. <div>ssssss</div>
  14. <div>wwwwww</div>
  15.  
  16. <div>
  17.  
  18.  
  19. <div onclick="document.location='strona.html'" class="link1">
  20. <div>ssssss</div>
  21. <div>wwwwww</div>
  22. <div>
  23.  
  24.  
  25. <div onclick="document.location='strona.html'" class="link1">
  26. <div>ssssss</div>
  27. <div>wwwwww</div>
  28. <div>
  29.  
  30.  
  31. <div onclick="document.location='strona.html'" class="link1">
  32. <div>ssssss</div>
  33. <div>wwwwww</div>
  34. <div>
  35.  
  36.  
  37. <div onclick="document.location='strona.html'" class="link1">
  38. <div>ssssss</div>
  39. <div>wwwwww</div>
  40. <div>
  41.  
  42. <div onclick="document.location='strona.html'" class="link1">
  43. <div>ssssss</div>
  44. <div>wwwwww</div>
  45. <div>
  46.  
  47.  
  48. <div onclick="document.location='strona.html'" class="link1">
  49. <div>ssssss</div>
  50. <div>wwwwww</div>
  51. <div>
  52.  
  53.  
  54. <div onclick="document.location='strona.html'" class="link1">
  55. <div>ssssss</div>
  56. <div>wwwwww</div>
  57. <div>
  58.  
  59.  
  60. <div onclick="document.location='strona.html'" class="link1">
  61. <div>ssssss</div>
  62. <div>wwwwww</div>
  63. <div>
  64.  
  65.  
  66. <div onclick="document.location='strona.html'" class="link1">
  67.  
  68. <div>ssssss</div>
  69. <div>wwwwww</div>
  70. <div>
  71.  
  72.  
  73. <div onclick="document.location='strona.html'" class="link1">
  74. <div>ssssss</div>
  75. <div>wwwwww</div>
  76. <div>
  77.  
  78.  
  79. <div onclick="document.location='strona.html'" class="link1">
  80. <div>ssssss</div>
  81.  
  82. <div>wwwwww</div>
  83. <div>
  84.  
  85.  
  86. <div onclick="document.location='strona.html'" class="link1">
  87. <div>ssssss</div>
  88. <div>wwwwww</div>
  89. <div>
  90.  
  91.  
  92. <div onclick="document.location='strona.html'" class="link1">
  93. <div>ssssss</div>
  94. <div>wwwwww</div>
  95.  
  96. <div>
  97.  
  98.  
  99. <div onclick="document.location='strona.html'" class="link1">
  100. <div>ssssss</div>
  101. <div>wwwwww</div>
  102. <div>
  103.  
  104.  
  105. <div onclick="document.location='strona.html'" class="link1">
  106. <div>ssssss</div>
  107. <div>wwwwww</div>
  108. <div>
  109.  
  110.  
  111. <div onclick="document.location='strona.html'" class="link1">
  112. <div>ssssss</div>
  113. <div>wwwwww</div>
  114. <div>
  115.  
  116.  
  117. <div onclick="document.location='strona.html'" class="link1">
  118. <div>ssssss</div>
  119. <div>wwwwww</div>
  120. <div>
  121.  
  122. <div onclick="document.location='strona.html'" class="link1">
  123. <div>ssssss</div>
  124. <div>wwwwww</div>
  125. <div>
  126.  
  127.  
  128. <div onclick="document.location='strona.html'" class="link1">
  129. <div>ssssss</div>
  130. <div>wwwwww</div>
  131. <div>
  132.  
  133.  
  134. <div onclick="document.location='strona.html'" class="link1">
  135. <div>ssssss</div>
  136. <div>wwwwww</div>
  137. <div>
  138.  
  139.  
  140. <div onclick="document.location='strona.html'" class="link1">
  141. <div>ssssss</div>
  142. <div>wwwwww</div>
  143. <div>
  144.  
  145.  
  146. <div onclick="document.location='strona.html'" class="link1">
  147.  
  148. <div>ssssss</div>
  149. <div>wwwwww</div>
  150. <div>
  151.  
  152.  
  153. <div onclick="document.location='strona.html'" class="link1">
  154. <div>ssssss</div>
  155. <div>wwwwww</div>
  156. <div>
  157.  
  158.  
  159. <div onclick="document.location='strona.html'" class="link1">
  160. <div>ssssss</div>
  161.  
  162. <div>wwwwww</div>
  163. <div>
  164.  
  165. </body>
  166. </html>
[HTML] pobierz, plaintext





Nie znam się na java script, ale próbowałem to zrobić na zdarzeniach, ale tak już w ogóle nie działa
Kod
<div onclick="document.location='strona.html'" onMouseout="this.bgColor='#ffcc66'" onMouseover="this.bgColor='#ffcc33''" style="width:800px; height:150px; background-color: red;">
Go to the top of the page
+Quote Post

Posty w temacie
- xyxy   [HTML][CSS][PHP]Problem z firefoxem   9.06.2010, 17:01:46
- - tehaha   a czy mógłbyś pokazać cały wygenerowany kod? bo sa...   9.06.2010, 17:45:54
- - xyxy   a faktycznie nic sie nie dzieje, ale to chyba wina...   9.06.2010, 21:56:38
- - tehaha   ale pokaż wygenerowany kod, czyli odpal sobie tą s...   9.06.2010, 22:24:29
- - xyxy   Kod<!DOCTYPE html PUBLIC "-//W3C//DT...   9.06.2010, 22:33:43
- - tehaha   rzeczywiście ten układ się rozsypuje i to nie tylk...   9.06.2010, 23:13:20
- - xyxy   ok, zamieniłem <a> na <div> i prawie d...   10.06.2010, 11:43:53
- - tehaha   wywal to onmouseout i mouseover i daj style: [HTML...   10.06.2010, 12:05:47
- - xyxy   o faktycznie, teraz wszystko działa, dzięki wielki...   10.06.2010, 12:10:05

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 15.10.2025 - 16:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn