Willkommen auf dem Portal für Mediengestalter

chrisito · Threadersteller

hallo! nach ca. 2 stündiger, intensiver suche auf zig java script pages komm ich nun zu dem entschluss einen thread hier zu starten. problem: die layer die ich in meiner seiter habe verschiebt es mir im mozilla firefox und safari, internet explorer geht ohne probleme. hab das script schon mit verschiedenen verglichen - ich find kein unterschied. hoffe es kann mir jemand helfen.

beispiel: Beispielseite

dastef · **Verfasst** Di 14.03.2006 22:20 **Titel**

chrisito · Threadersteller

moment, kommt gleich!

chrisito · Threadersteller

im firefox sieht´s so aus: Firefox

aussehen soll´s so: Explorer

quellcode wie folgt:

<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#divUpControl{
position:absolute;
width:500;
left:178;
top:10;
z-index:1;
text-align: right;
visibility: visible;
}
#divDownControl{
position:absolute;
width:500;
left:178px;
top:319px;
z-index:1;
text-align: right;
}
#divContainer{
position:absolute;
width:500;
height:300;
overflow:hidden;
top:30px;
left:129px;
clip:rect(0,500,300,0);
visibility:visible;
z-index: 4;
}
#divContent{
position:absolute;
top:0px;
left:8px;
width: 493px;
height: 319px;
z-index: 3;
}
</style>
<script language="JavaScript">// begin absolutely positioned scrollable area object scripts
// Extension developed by David G. Miles
// Original Scrollable Area code developed by Thomas Brattli
function verifyCompatibleBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new verifyCompatibleBrowser()

var speed=50

var loop, timer

function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function MoveArea(x,y){
this.x=x;this.y=y
this.css.left=this.x+"px"
this.css.top=this.y+"px"
}

function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}

function PerformScroll(speed){
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}

function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
objContainer=new ConstructObject('divContainer')
objScroller=new ConstructObject('divContent','divContainer')
objScroller.MoveArea(0,0)
objContainer.css.visibility='visible'
initialised=true;
}
// end absolutely positioned scrollable area object scripts

</script>
<link href="file:///C|/CNE_shirt/homepage/stylesheets/Headlinefett.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/CNE_shirt/homepage/stylesheets/Text.css" rel="stylesheet" type="text/css" />
</head>

<body text="#000000" leftmargin="0" topmargin="0" onload="InitialiseScrollableArea()">

<div id="divUpControl"> <a href="javascript:;" onmouseover="PerformScroll(-7)" onmouseout="CeaseScroll()"><img src="file:///C|/CNE_shirt/homepage/templates/header/up.gif" border="0"></a>
</div>
<div id="divDownControl"> <a href="javascript:;" onmouseover="PerformScroll(7)" onmouseout="CeaseScroll()"><img src="file:///C|/CNE_shirt/homepage/templates/header/down.gif" border="0"></a>
</div>
<div id="divContainer">
<div id="divContent">
<table width="493" border="0">
<tr>
<td class="HeadlineFett">TEST</td>
</tr>
<tr>
<td class="Text">Ja, wir finden auch, dass man über die Copy noch
mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt
ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage
rein. Ja, wir finden auch, dass man über die Copy noch mal reden
sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf
dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein.
Ja, wir finden auch, dass man über die Copy noch mal reden sollte.

</td>
</tr>
</table>
<p class="HeadlineFett"> </p>
<p> <br />
<br />
</p>
</div>
</div>

<p class="Text"> </p>
</body>
</html>

Willkommen auf dem Portal für Mediengestalter

Thema: Java Script Problem vom 14.03.2006

Java Script Problem