¿Cómo posicionar un DIV en unas coordenadas específicas?

Buscamos en el mundo on line y así de esta manera mostrarte la respuesta a tu problema, si continúas con alguna difcultad deja la pregunta y te contestamos con gusto, porque estamos para servirte.

Solución:

Escribe su left y top propiedades como el número de píxeles desde el borde izquierdo y el borde superior respectivamente. debe tener position: absolute;

var d = document.getElementById('yourDivId');
d.style.position = "absolute";
d.style.left = x_pos+'px';
d.style.top = y_pos+'px';

O hágalo como una función para que pueda adjuntarlo a un evento como onmousedown

function placeDiv(x_pos, y_pos) 
  var d = document.getElementById('yourDivId');
  d.style.position = "absolute";
  d.style.left = x_pos+'px';
  d.style.top = y_pos+'px';

No tienes que usar Javascript para hacer esto. Usando css simple y antiguo:

div.blah 
  position:absolute;
  top: 0; /*[wherever you want it]*/
  left:0; /*[wherever you want it]*/

Si cree que debe usar javascript, o está tratando de hacer esto dinámicamente usando JQuery, esto afecta a todos los divs de la clase “blah”:

var blahclass =  $('.blah'); 
blahclass.css('position', 'absolute');
blahclass.css('top', 0); //or wherever you want it
blahclass.css('left', 0); //or wherever you want it

Alternativamente, si debe usar javascript anterior normal, puede tomar por id

var domElement = document.getElementById('myElement');// don't go to to DOM every time you need it. Instead store in a variable and manipulate.
domElement.style.position = "absolute";
domElement.style.top = 0; //or whatever 
domElement.style.left = 0; // or whatever

bueno, depende si todo lo que desea es colocar un div y luego nada más, no necesita usar el script Java para eso. Puede lograr esto solo con CSS. Lo que importa es en relación con el contenedor en el que desea colocar su div, si desea colocarlo en relación con el cuerpo del documento, entonces su div debe colocarse de forma absoluta y su contenedor no debe colocarse de forma relativa o absoluta, en ese caso su div se colocará en relación con el contenedor.

De lo contrario, con Jquery, si desea colocar un elemento en relación con el documento, puede usar el método offset ().

$(".mydiv").offset( top: 10, left: 30 );

si es relativo a la posición del padre compensado, el padre es relativo o absoluto. entonces usa lo siguiente…

var pos = $('.parent').offset();
var top = pos.top + 'no of pixel you want to give the mydiv from top relative to parent';
var left = pos.left + 'no of pixel you want to give the mydiv from left relative to parent';

$('.mydiv').css(
  position:'absolute',
  top:top,
  left:left
);

Tienes la opción de confirmar nuestro trabajo ejecutando un comentario y valorándolo te damos las gracias.

---

---

Utiliza Nuestro Buscador