Posicionamiento

JairLizcano · #1 (**permalink**) 30/03/2012, 01:20

Casualmente me encuentro jugando con JS, y me plantearon un dilema que de la forma que lo estoy resolviendo, me quedan dudas de si es óptimo o no.

El caso es:

Me dan un div, supongamos de 500x500, y tengo que ubicar en su esquina superior derecha y por fuera de su ancho, a modo de barra de herramientas, otro div de 200x200.

La idea está en que ese div anexo de 200x200 siempre esté anclado al div de 500x500.

Lo planteé resolviendo posiciones por página y objeto, pero no sé si haya otro método más cómodo.

De antemano, gracias.

Panino5001 · #2 (**permalink**) 30/03/2012, 04:42

Directamente podrías resolverlo con css:

Código PHP:

  <!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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
<style> 
#azul{ width:500px; height:500px; position:relative; background:blue} 
#rojo{width:200px; height:200px; position:absolute; background:red; right:-200px; top:0} 
</style> 
</head> 
 
<body> 
<div id="azul"> 
  <div id="rojo"></div> 
</div> 
</body> 
</html>

JairLizcano · #3 (**permalink**) 30/03/2012, 12:16

Gracias por la idea, aún así se puede mejorar. El tema era mantener siempre en su borde superior derecho un div independiente de su tamaño, pero ya es resolverlo con JS para esos valores y aplicar la idea que mencionas.

Gracias igualmente.