Mit billede kan ikke komme helt ned !
Hej AlleJeg har en demo side, hvor jeg simpelthen ikke kan få mit nederste billede helt ned i bunden !!!
Hvad pokker gør jeg galt, jeg syntes jeg har prøvet alt !!!
Detaljer: Det er filmstrimlen i bunden af siden, som skal HELT ned i bunden at skærmbilledet, og ikke svæve de der 4-5 pixels oppe.
Min demo side kan ses her:
http://www.jasperfoto.dk/index2.htm
..og koden til siden er her:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Jasper Simonsen Fotografi</title>
<style type="text/css">
html,body{
height:100%;
width:100%;
margin:0px;
overflow:hidden;
}
#main{
overflow:auto;
height:100%;
width:100%;
padding-bottom:123px;
background-color:#8B8B8B;
position:relative;
}
#bund{
width:100%;
position:absolute;
bottom:0px;
background-image: url("strimmel/strimmel-bglang.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50%;
background-position: top;
}
.centerImg {
position: absolute;
left: 50%;
top: 50%;
margin-left: -378px; /* halvdelen af bredden */
margin-top: -341px; /* halvdelen af højden - 122*/
}
</style>
<script type="text/javascript">
mintid = 3; //Minimum antal sekunder mellem hvert skift
makstid = 10; //Maksimum antal sekunder mellem hvert skift
bill = new Array();
bill[0] = new Array();
bill[0][0] = "strimmel/upload/1a.jpg"; //Det første billede på den første plads
bill[0][1] = "strimmel/upload/1f.jpg"; //Det andet billede på den første plads
bill[0][2] = "strimmel/upload/1i.jpg"; //Det tredje billede på den første plads
bill[1] = new Array();
bill[1][0] = "strimmel/upload/1d.jpg"; //Det første billede på den anden plads
bill[1][1] = "strimmel/upload/1m.jpg"; //Det andet billede på den anden plads
bill[1][2] = "strimmel/upload/1n.jpg"; //Det tredje billede på den anden plads
bill[2] = new Array();
bill[2][0] = "strimmel/upload/1p.jpg"; //Det første billede på den tredje plads
bill[2][1] = "strimmel/upload/2i.jpg"; //osv.
bill[2][2] = "strimmel/upload/2m.jpg";
bill[3] = new Array();
bill[3][0] = "strimmel/upload/2mo.jpg";
bill[3][1] = "strimmel/upload/2p.jpg";
bill[3][2] = "strimmel/upload/3i.jpg";
bill[4] = new Array();
bill[4][0] = "strimmel/upload/3m.jpg";
bill[4][1] = "strimmel/upload/3mo.jpg";
bill[4][2] = "strimmel/upload/3p.jpg";
bill[5] = new Array();
bill[5][0] = "strimmel/upload/4m.jpg";
bill[5][1] = "strimmel/upload/4mo.jpg";
bill[5][2] = "strimmel/upload/4p.jpg";
bill[6] = new Array();
bill[6][0] = "strimmel/upload/5m.jpg";
bill[6][1] = "strimmel/upload/5mo.jpg";
bill[6][2] = "strimmel/upload/5p.jpg";
bill[7] = new Array();
bill[7][0] = "strimmel/upload/6.jpg";
bill[7][1] = "strimmel/upload/6mo.jpg";
bill[7][2] = "strimmel/upload/6p.jpg";
bill[8] = new Array();
bill[8][0] = "strimmel/upload/7mo.jpg";
bill[8][1] = "strimmel/upload/7p.jpg";
bill[8][2] = "strimmel/upload/8mo.jpg";
pb = new Array();
for (i = 0; i < bill.length; i++) {
pb[i] = new Array();
for (n = 0; n < bill[i].length; n++) {
pb[i][n] = new Image();
pb[i][n].src = bill[i][n];
}
}
bobj = new Array();
bt = new Array();
ie = (document.all && navigator.appName.indexOf("Opera") == -1);
function initSlide() {
temp = getPos();
x = temp[0];
y = temp[1];
for (i = 0; i < bill.length; i++) {
bobj[i] = new Array();
bobj[i][0] = bobj[i][1] = document.createElement("img");
bobj[i][0].style.position = bobj[i][1].style.position = "absolute";
bobj[i][0].style.left = bobj[i][1].style.left = x + 6 + i * 111;
bobj[i][0].style.top = bobj[i][1].style.top = y + 22;
bobj[i][0].style.width = bobj[i][1].style.width = "102px";
bobj[i][0].style.height = bobj[i][1].style.height = "67px";
bobj[i][0].style.zIndex = 3;
bobj[i][1].style.zIndex = 2;
if (ie)
bobj[i][0].style.filter = bobj[i][1].style.filter = "alpha(opacity=100)";
else
bobj[i][0].style.MozOpacity = bobj[i][1].style.MozOpacity = 1;
bobj[i][0].src = pb[i][0].src;
bt[i] = 1;
document.body.appendChild(bobj[i][0]);
document.body.appendChild(bobj[i][1]);
}
for (i = 0; i < bill.length; i++)
setTimeout("slide(" + i + ")", tilf());
}
function getPos() {
obj = document.getElementById("strimmel");
x = y = 0;
while (ie && obj.parentElement || obj.offsetParent) {
x += obj.offsetLeft;
y += obj.offsetTop;
obj = (ie) ? obj.parentElement : obj.offsetParent;
}
return new Array(x, y);
}
function slide(i) {
if (bt[i] >= bill[i].length)
bt[i] = 0;
akt = bt[i] % 2;
bobj[i][1 - akt].src = pb[i][bt[i]].src;
for (n = 1; n <= 10; n++) {
if (ie)
setTimeout("bobj[" + i + "][" + akt + "].filters.alpha.opacity = " + (10 * n), 100 * (n - 1));
else
setTimeout("bobj[" + i + "][" + akt + "].style.MozOpacity = " + (n / 10), 100 * (n - 1));
}
setTimeout("bobj[" + i + "][" + akt + "].style.zIndex = 2; bobj[" + i + "][" + (1 - akt) + "].style.zIndex = 3", 1000);
bt[i]++;
setTimeout("slide(" + i + ")", tilf());
}
function tilf() {
return Math.round(Math.random() * (makstid - mintid) + mintid) * 1000;
}
function paaPlads() {
temp = getPos();
x = temp[0];
y = temp[1];
for (i = 0; i < bill.length; i++) {
bobj[i][0].style.left = bobj[i][1].style.left = x + 6 + i * 111;
bobj[i][0].style.top = bobj[i][1].style.top = y + 22;
}
}
</script>
</head>
<body>
<div id="main">
<center>
<img src="jasperfoto.jpg" class="centerImg">
</center>
</div>
<div id="bund">
<center>
<img src="strimmel/strimmel.jpg" id="strimmel" style="width: 1000px; height: 123px; z-index: 1;" onload="initSlide();" />
</center>
</div>
<body onresize="paaPlads();">
</body>
</html>
