Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML / CSS] Problem z suwakiem ... [Firefox]
spec8320
post
Post #1





Grupa: Zarejestrowani
Postów: 32
Pomógł: 0
Dołączył: 27.05.2008
Skąd: Białystok

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


Witam zacznijmy może od kodu:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <meta name="author" content="duszek.mestre" />
  6.  
  7. <title>rzuc-to.pl</title>
  8.  
  9. <script type="text/javascript">
  10. function timer()
  11. {
  12. current = new Date();
  13. var time = document.getElementById("time").innerHTML - current.getTime()/1000;
  14.  
  15. var dni = Math.floor(time / (60 * 60 * 24));
  16. document.getElementById("dni").innerHTML = Math.floor(dni);
  17. time = time - (dni * 60 * 60 * 24);
  18.  
  19. var godziny = Math.floor(time / (60 * 60));
  20. document.getElementById("godzin").innerHTML = Math.floor(godziny);
  21. time = time - (godziny * 60 * 60);
  22.  
  23. var minuty = Math.floor(time / 60);
  24. document.getElementById("minut").innerHTML = Math.floor(minuty);
  25. sekundy = time - (minuty * 60);
  26.  
  27. document.getElementById("sekund").innerHTML = Math.floor(sekundy);
  28. }
  29.  
  30. function timer2()
  31. {
  32. setInterval("timer()", 1000);
  33. }
  34. </script>
  35.  
  36. <style type="text/css">
  37. * {
  38. margin: auto;
  39. padding: 0;
  40. }
  41.  
  42. body {
  43. background: url('logo_bg.jpg') repeat-x #000000;
  44. font-family: Tahoma, Verdana, Arial;
  45. font-size: 20px;
  46. color: #ffffff;
  47. }
  48.  
  49. #logo {
  50. background: url('logo.jpg') center no-repeat;
  51. width: 100%;
  52. height: 608px;
  53. }
  54.  
  55. #footer {
  56. background: url('stopka.jpg') repeat-x center;
  57. width: 100%;
  58. height: 160px;
  59. color: #000000;
  60. }
  61.  
  62. table td {
  63. border: none;
  64. }
  65. </style>
  66. </head>
  67.  
  68. <body onload="timer2()">
  69.  
  70. <div id="logo">
  71.  
  72.  
  73. <table align="center" border="0" style="position: relative; left: 100px; top: 450px;">
  74. <tr>
  75. <td id="dni" width="60"></td>
  76. <td id="godzin" width="90"></td>
  77. <td id="minut" width="80"></td>
  78. <td id="sekund" width="80"></td>
  79. </tr>
  80. </table>
  81.  
  82. </center>
  83.  
  84. </div>
  85. </center>
  86. <div id="footer">
  87. <div id="time" style="visibility: hidden;">
  88. <?php
  89. //godziny, minuty, sekundy, miesiąc, dzień, rok
  90. $data = mktime(0, 0, 0, 10, 1, 2010);
  91.  
  92. echo $data;
  93. ?>
  94. </div>
  95. </div>
  96.  
  97. </body>
  98. </html>


efekt : http://spec8320.rootnode.net/rzuc-to.pl/

Pod opera i IE działa wszystko pięknie ładnie natomiast pod Firefoxem pojawia sie suwak strony na dole ... przy rozdzielczosci FULL HD jest to nierealne po prostu

doszedłem do wniosku, że wina jest po stronie tej tabeli:

  1. <table align="center" border="0" style="position: relative; left: 100px; top: 450px;">
  2. <tr>
  3. <td id="dni" width="60"></td>
  4. <td id="godzin" width="90"></td>
  5. <td id="minut" width="80"></td>
  6. <td id="sekund" width="80"></td>
  7. </tr>
  8. </table>


jednak próbowałem już wszystkiego żeby to wyeliminować... stąd słucham waszych rad

Ten post edytował spec8320 14.09.2010, 12:19:48
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 23.12.2025 - 21:51