Un poco de ayuda DOM

Kr4n3oK

Hola, tengo que posicionar un DIV con JavaScript, el problema está en que no me funciona o no sé cual es el modo de acceder a la propiedad margin-top o top de un div, os pego el código y a ver si me podéis echar una mano:

<html>
	<head>
		<title>
			wewe
		</title>
		<script language="javascript">
		function cargado(){
			var widthS = window.innerWidth;
			var heightS = window.innerHeight;
			
		var fondo = document.getElementsByTagName("div");
			//Establecemos dimensión del div
			fondo[0].style.width = 300;
			fondo[0].style.height = 300;
			var widthDiv = fondo[0].style.width;
		
			//Establecemos posición
			fondo[0].style.top = (parseInt(widthS) / 2) - (parseInt(widthDiv) / 2) + "px";
		
		
	}
	</script>
	<style type="text/css">
	#fondo{
		
		background:grey;
	}
	
	</style>
</head>
<body onload=cargado()>
<div id="fondo">
	<img id="" src="">
<a href="#">Anterior</a>
<a href="#">Siguiente</a>
</div>
</body>
</html>
Kr4n3oK

Resuelto usando :
fondo[0].style.marginLeft = (parseInt(widthS) / 2) - (parseInt(widthDiv) / 2) + "px";

Usuarios habituales

  • Kr4n3oK