Hello!
Please help me with the following problem:
On my sample page (bottom) there are 2 layers. The lower one is the backround image that should fit automatically it's size to the window size. The upper one is a scrolling text. No problem at Netscape. With IE 4.0: As soon as I change the original size of the picture in the lower layer (width="...", it doesn't matter if it's an absolute or a percentual value), the text scrolls very slow.If I erase the definition of the size (width="..."
the text is scrolling in the normal speed. What can I do???
(the picture MUST fit it's size to the window and the text MUST scroll in in the foreground)
Thanks for your help!
denis
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>
<OBJECT
CLASSID="clsid702FBF4-EE60-11d0-BD5B-00A0C91F4635"
CODEBASE="/CFIDE/classes/CFJava.cab#Version=4,0,1,0">
</OBJECT>
<script LANGUAGE=JAVASCRIPT>
<!--
function _CF_checkgetquestion(_CF_this)
{
return true;
}
//-->
</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=" 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>
Please help me with the following problem:
On my sample page (bottom) there are 2 layers. The lower one is the backround image that should fit automatically it's size to the window size. The upper one is a scrolling text. No problem at Netscape. With IE 4.0: As soon as I change the original size of the picture in the lower layer (width="...", it doesn't matter if it's an absolute or a percentual value), the text scrolls very slow.If I erase the definition of the size (width="..."
the text is scrolling in the normal speed. What can I do???(the picture MUST fit it's size to the window and the text MUST scroll in in the foreground)
Thanks for your help!
denis
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>
<OBJECT
CLASSID="clsid
702FBF4-EE60-11d0-BD5B-00A0C91F4635"CODEBASE="/CFIDE/classes/CFJava.cab#Version=4,0,1,0">
</OBJECT>
<script LANGUAGE=JAVASCRIPT>
<!--
function _CF_checkgetquestion(_CF_this)
{
return true;
}
//-->
</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=" 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>