Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML / CSS] Problem z suwakiem ... [Firefox]
Forum PHP.pl > Forum > Po stronie przeglądarki
spec8320
14.09.2010, 11:23:43
Witam zacznijmy może od kodu:

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


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:

[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext


jednak próbowałem już wszystkiego żeby to wyeliminować... stąd słucham waszych rad
Louner
14.09.2010, 13:24:51
Spróbuj tak:

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.         * {
  3.             margin: 0;
  4.             padding: 0;
  5.         }
  6.  
  7.         body {
  8.             background: url('logo_bg.jpg') repeat-x #000000;
  9.             font-family:  Tahoma, Verdana, Arial;
  10.             font-size: 20px;
  11.             color: #ffffff;
  12.         }
  13.  
  14.         #logo {
  15.             background: url('logo.jpg') center no-repeat;
  16.             height: 608px; 
  17.             width: 960px;
  18.             margin:auto;
  19.         }
  20.  
  21.         #footer {
  22.             background: url('stopka.jpg') repeat-x center;
  23.             width: 100%;
  24.             height: 160px;
  25.             color: #000000;
  26.         }
  27.  
  28.         table td {
  29.             border: none;
  30.         }
  31.     </style>
  32. </head>
  33.  
  34. <body onload="timer2()">
  35.         <div id="logo">
  36.                 <table align="center" border="0" style="padding-top:440px;margin-left:435px;">
  37.                     <tr>
  38.                     	<td id="dni" width="60"></td>
  39.                     	<td id="godzin" width="90"></td>
  40.                     	<td id="minut" width="80"></td>
  41.                     	<td id="sekund" width="80"></td>
  42.                     </tr>
  43.                 </table>        
  44.         </div>
  45.     <div id="footer">
  46.         <div id="time" style="visibility: hidden;">
  47.         1285884000        </div>
  48.     </div>
[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.