nicht angemeldet
IE: vordere Ebene (Schrift) scrollt nicht mehr richtig, wenn Größe des Bildes au
Hallo!
Auf meiner Beispielseite (unten) gibt es 2 Ebenen. Die untere ist das dymamisch sich der Fenstergröße anpassende Hintergrundbild, die obere ein einscrollender Text. Im
Netscape kein Problem. Im IE 4.0: sobald beim Bild in der Hintergrundebene ein Größenwert angegeben wird (width="...", egal ob absoluter Wert oder Prozentwert), scrollt
die obere Ebene mit dem Text nicht mehr flüssig ein (probiert's aus...). Löscht man die Angabe width:"...", so scrollt der Text wieder flüssig. Gibt's dafür Abhilfe???
Sourcecode:
<HTML>
<HEAD>
<TITLE>xxxx</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-8859-1">
<META NAME="KEYWORDS" CONTENT="xxxx">
<style>
<!--
body
{
background-color: white;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
}
.schriftart
{
position: absolute;
top:0; visibility:hidden;
font-family: Arial, Helvetica, sans-serif;
}
// -->
</style>
<script language="JavaScript" type="text/javascript">
<!--
var delay = 20
function Schrifton(bezeichnung, x1, y1, x2, y2, schritt)
{
if(document.layers)
{document.layers["Sch"+bezeichnung].visibility = "show";
Schrift(bezeichnung, x1, y1, x2, y2, schritt)}
else
{document.all["Sch"+bezeichnung].style.visibility = "visible";
Schrift(bezeichnung, x1, y1, x2, y2, schritt)}
}
function Schrift(bezeichnung, x1, y1, x2, y2, schritt)
{ if(document.layers)
{document.layers["Sch"+bezeichnung].left=x1;
document.layers["Sch"+bezeichnung].top=y1;}
else
{document.all["Sch"+bezeichnung].style.left=x1;
document.all["Sch"+bezeichnung].style.top=y1;}
x1+=(x2-x1)/schritt;
y1+=(y2-y1)/schritt;
if(schritt>0) setTimeout('Schrift('+bezeichnung+','+x1+','+y1+','+x2+','+y2+','+(schritt-1)+')', delay);
}
function init()
{
{
Schrifton(9090, 0,0,0,0,1);
Schrifton(9012, 114, -100, 114, 420, 35);}
}
// -->
</script>
</HEAD>
<BODY TEXT="#000000" LINK="#303010" VLINK="#909090" ALINK="#606050" TOPMARGIN="0" LEFTMARGIN="0" border="0" onLoad="init()"
background="layout/background-web.gif">
<div id="Sch9090" class=schriftart style="z-index:1"><img src="http://www3.50megs.com/cyberjam2000/backgrd.jpg" WIDTH="100%" border="no">
</div>
<!-- Kopf, Menü und Fuß -->
<div id="Sch9012" class=schriftart style="z-index:28"><table width="340"><td width="340" align="left"><font face="Arial, Helvetica" size="2">...TEXT Text TEXT Text
TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT
Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text TEXT Text
</font></td></table></div>
</BODY>
</HTML>