Witam zacznijmy może od kodu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="duszek.mestre" />
<script type="text/javascript"> function timer()
{
current = new Date();
var time = document.getElementById("time").innerHTML - current.getTime()/1000;
var dni = Math.floor(time / (60 * 60 * 24));
document.getElementById("dni").innerHTML = Math.floor(dni);
time = time - (dni * 60 * 60 * 24);
var godziny = Math.floor(time / (60 * 60));
document.getElementById("godzin").innerHTML = Math.floor(godziny);
time = time - (godziny * 60 * 60);
var minuty = Math.floor(time / 60);
document.getElementById("minut").innerHTML = Math.floor(minuty);
sekundy = time - (minuty * 60);
document.getElementById("sekund").innerHTML = Math.floor(sekundy);
}
function timer2()
{
setInterval("timer()", 1000);
}
* {
margin: auto;
padding: 0;
}
body {
background: url('logo_bg.jpg') repeat-x #000000;
font-family: Tahoma, Verdana, Arial;
font-size: 20px;
color: #ffffff;
}
#logo {
background: url('logo.jpg') center no-repeat;
width: 100%;
height: 608px;
}
#footer {
background: url('stopka.jpg') repeat-x center;
width: 100%;
height: 160px;
color: #000000;
}
table td {
border: none;
}
<table align="center" border="0" style="position: relative; left: 100px; top: 450px;"> <td id="dni" width="60"></td> <td id="godzin" width="90"></td> <td id="minut" width="80"></td> <td id="sekund" width="80"></td>
<div id="time" style="visibility: hidden;"> <?php
//godziny, minuty, sekundy, miesiąc, dzień, rok
$data = mktime(0, 0, 0, 10, 1, 2010);
echo $data;
?>
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:
<table align="center" border="0" style="position: relative; left: 100px; top: 450px;"> <td id="dni" width="60"></td> <td id="godzin" width="90"></td> <td id="minut" width="80"></td> <td id="sekund" width="80"></td>
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