nicht angemeldet
Im Firefox funz der folgende Code...im IE wird die Seite sehr sehr langsam und bringt den IE ab und zu zum abstürtzen (sicherlich wegen dem großen DIV?) und dazu wird overflow:hidden nicht richtig interpretiert!
am besten ihr kuckt euchs zuerst mal in FF an und dann im IE und ihr seht den unterschied ;)
also die Fragen wären:
1. Wie kann ich den innerDiv von den 6000px kleiner machen aber trotzdem im Endeffekt den gleichen Effekt erreichen (also dieses Drag&Drop soll noch so funktionieren wie jetzt im FF)
2. Wie kann man das alles für den IE "umschreiben"
<!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>Untitled Page</title>
<style type="text/css">
#outerDiv
{
overflow: hidden;
width: 500px;
height: 500px;
border: gray solid;
z-index: 1;
}
#innerDiv
{
position: relative;
left: 0px; top: 0px;
background-image: url(mapBack.gif);
background-repeat: repeat;
overflow: hidden;
width: 6000px;
height: 6000px;
z-index: 0;
}
</style>
</head>
<body>
<!--Für Drag&Drop-->
<script src="wz_dragdrop.js" type="text/javascript"></script>
<div id="outerDiv">
<div id="innerDiv">
<input id="Button1" style="position: relative; top: 50px;" type="button" value="button" />
<input id="Button2" style="position: relative; top: 590px;" type="button" value="button" />
</div>
</div>
<!--Für Drag&Drop-->
<script type="text/javascript">
SET_DHTML(CURSOR_MOVE, "innerDiv", "outerDiv"+NO_DRAG);
dd.elements.innerDiv.maxoffr = Math.abs(dd.elements.outerDiv.x-dd.elements.innerDiv.x);
dd.elements.innerDiv.maxoffb = Math.abs(dd.elements.outerDiv.y-dd.elements.innerDiv.y);
dd.elements.innerDiv.maxofft = 6000-dd.elements.outerDiv.h-Math.abs(dd.elements.outerDiv.y-dd.elements.innerDiv.y);
dd.elements.innerDiv.maxoffl = 6000-dd.elements.outerDiv.w-Math.abs(dd.elements.outerDiv.x-dd.elements.innerDiv.x);
</script>
</body>
</html>