hambam: «div widht=100%» nicht gleich 100%?

Beitrag lesen

Hi nochmal !

Hab mittlerweile mal die schönen Beispielscripte von gismo gefunden.
Da gibts die sogenannten Vorhänge, die sich langsam "aufziehen" und dann die eigentliche
Seite zu sehen ist.
Und genau diese Vorhänge gehen über die gesamte Breite, komplett!
Ich weiß nur nicht warum.
Vielleicht kann mal einer der Profis den Quelltext analysieren, warum da die divs über die
ganze Bildschirmbreite gehen.

Hier mal eins dieser Vorhänge:

<html>
<head>
<title>Vorhang 4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
<!--
.gismo{
position:absolute;
left:0;
top:0;
layer-background-color:white;
background-color:white;
border:0.1px solid white;
}
-->
</style>
</head>

<body bgcolor="#000033" text="#CCCCCC" link="#FFCC33" vlink="#CCCCCC" alink="#CCCCCC">
<DIV id="i1" class="gismo"></DIV>
<DIV id="i2" class="gismo"></DIV>
<DIV id="i3" class="gismo"></DIV>
<DIV id="i4" class="gismo"></DIV>
<script language="JavaScript1.2">
//gismoFX
//http://www.gismo.at
var brzina=20
var trenutni=new Array()
var trenutni2=new Array()
if (document.layers){
for (i=1;i<=4;i++){
trenutni[i]=eval("document.i"+i+".clip")
trenutni2[i]=eval("document.i"+i)
trenutni[i].width=window.innerWidth
trenutni[i].height=window.innerHeight/4
trenutni2[i].top=(i-1)*trenutni[i].height
}
}
else if (document.all){
var clipright=document.body.clientWidth,clipleft=0
for (i=1;i<=4;i++){
trenutni[i]=eval("document.all.i"+i+".style")
trenutni[i].width=document.body.clientWidth
trenutni[i].height=document.body.offsetHeight/4
trenutni[i].top=(i-1)*parseInt(trenutni[i].height)
}
}
function otvori(){
window.scrollTo(0,0)
alert("Taste!");
if (document.layers){
for (i=1;i<=4;i=i+2)
trenutni[i].right-=brzina
for (i=2;i<=4;i=i+2)
trenutni[i].left+=brzina
if (trenutni[2].left>window.innerWidth)
clearInterval(zaustavi)
}
else if (document.all){
clipright-=brzina
for (i=1;i<=4;i=i+2){
trenutni[i].clip="rect(0 "+clipright+" auto 0)"
}
clipleft+=brzina
for (i=2;i<=4;i=i+2){
trenutni[i].clip="rect(0 auto auto "+clipleft+")"
}
if (clipright<=0)
clearInterval(zaustavi)
}
}
function gismoFX(){
zaustavi=setInterval("otvori()",100)
}
gismoFX()
</script>
<center>
  <p> </p>
  <p> </p>
  <p><font size="+5">DHTML </font></p>
  <p><font color="#FFCC33" face="Arial, Helvetica, sans-serif"><b>SLIDE FX 2</b></font></p>
  <p> </p>
  <p><b><font face="Arial, Helvetica, sans-serif">download the DHTML Script (zip)</font></b><font face="Arial, Helvetica, sans-serif"><br>
    </font><font size="-1"><i>- G¿smo</i></font></p>
</center>
<p align="center">
</body>
</html>

Vielleicht ist da jetzt jemand (gismo?) der weiterhelfen kann. Wäre echt toll!

hambam