<div> verschieben ohne style="position:......&quo

JanSchumacher

Hi leute will mein Div verschieben ohne dieses sch... position wie geht das ich probiere schon seit tagen dran rum es geht nicht!!! BITTE HELFT MIR

Euer JAn

testmaso

dann teste mal mit margin-top, margin-left etc.

driver

kenn mich mit divs net so aus.... aber glaub padding-left... gibts auch noch...

Elvis

Schieß doch mal deine Adresse rein und beschreib wo genau der Fehler liegt.

JanSchumacher

Hmm hier ist mal der Code! Vielleicht hilft das ist ein Prog welches bei onClick die Bilder hin und her schiebt.

HTML

<html>
<head>
<title></title>
<script type="text/javascript">


	var step;
	var x;
	var y;
	var startWert;
	var ix;
	var maxHeight;
	var delay;
	var bild;
	var counter;
	var bildd;
	var lastbildd;
	var left;
	var lastleft;
	var leftx;
	var top;
	var lasttop;
	var topy;
	var schrittx;
	var schritty;
	var deltasize;
	var lastbild;
	var isrunning = 0;


function init(img){
	bild = document.getElementById(img.id.substr(1, img.id.length));
	if(lastbild != bild){
		step = 20;
		x = 210;
		y = 150;
		startWert = 99;
		ix = startWert;
		maxHeight = 200;
		delay = 1;
		counter = 0;
		var image;
		for (var i = 0; i < document.images.length; i++) {
			image = document.images[i];
			imgname = image.id + "d";
			if('_' == imgname.substr(0,1)){
				document.getElementById(imgname.substr(1, imgname.length)).style.left = document.getElementById(imgname).style.left;
				document.getElementById(imgname.substr(1, imgname.length)).style.top = document.getElementById(imgname).style.top;
				document.getElementById(imgname.substr(1, imgname.length-2)).height = startWert;
			}
		}
	}
}


function zoomBild(img){
	bild = document.getElementById(img.id.substr(1, img.id.length));
	bildd = document.getElementById(bild.id + "d");
	if(lastbild != bild){
		lastleft=document.getElementById(img.id + "d").style.left;
		lasttop=document.getElementById(img.id + "d").style.top;
		left = bildd.style.left;
		leftx = left.substr(0,(left.length-2));
		top = bildd.style.top;
		topy = top.substr(0,(top.length-2));
		leftx *= 1;
		topy *= 1;
		schrittx = (x - leftx) / step;
		schritty = (y - topy) / step;
		deltasize = (maxHeight - startWert) / step;
		zoom();
	}
}


function zoom(){
	bild.height = ix;
	if (counter < step) {
		ix = ix + deltasize;
		leftx = leftx + schrittx;
		topy = topy + schritty;
		bildd.style.left = leftx;
		bildd.style.top = topy;
		counter++;
		window.setTimeout("zoom()",delay);
	} else {
		lastbild = bild;
		lastbildd = bildd;


	}
}


function gehtLos(img){
	if(isrunning == 0){
		isrunning = 1;
		init(img);
		zoomBild(img);
		isrunning = 0;
	}


}
</script>
</head>


<body>
















<div style="height:500px; width:828px;">
<div id="bild1d" style="position:absolute; top:0px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
<div id="bild2d" style="position:absolute; top:109px; left:10px;" >[img]file:///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
<div id="bild3d" style="position:absolute; top:218px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
<div id="bild4d" style="position:absolute; top:327px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>


<div id="_bild1d" style="position:absolute; top:0px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
<div id="_bild2d" style="position:absolute; top:109px; left:10px;" >[img]file:///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
<div id="_bild3d" style="position:absolute; top:218px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
<div id="_bild4d" style="position:absolute; top:327px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>
</div>


<div style="height:500px; width:828px">
<div id="bild5d" style="position:absolute; top:0px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
<div id="bild6d" style="position:absolute; top:109px; left:610px;" >[img]file:///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
<div id="bild7d" style="position:absolute; top:218px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
<div id="bild8d" style="position:absolute; top:327px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>


<div id="_bild5d" style="position:absolute; top:0px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
<div id="_bild6d" style="position:absolute; top:109px; left:610px;" >[img]file:///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
<div id="_bild7d" style="position:absolute; top:218px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
<div id="_bild8d" style="position:absolute; top:327px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>
</div>
</body>
</html>

Alles anzeigen

So nun ist das problem das ich mit cms arbeite und der rum spackt sobald ich position:absolute; benutze! Ich weis net mehr weiter mit dem kram.

Tags