posicion "RELATIVA" siempre el origen

[nnelis]

Hola a todos,

Necesito hacer algo "simple" i concreto. Necesito generar un panel donde los objetos se puedan posicionar libremente dentro de este.

La forma que encontré es colocando al contenedor de estos objetos en posición "relativa". El problema es que el primer objeto en la lista se posiciona respecto del origen (el 0,0 de su contenedor), pero los siguiente objetos en la lista tomar como el origen al objeto anterior.

Lo que necesito es que todos los objetos que pertenecen a este contenedor sean relativos pero tengan como origen el 0,0 del contenedor. Algo así como un plano 2D.

De antemano muchísimas gracias.

[maycolalvarez]

ese es el problema de relative, en tal caso debes usar absolute, en relative siempre el eje de coordenadas 0-0 es con respecto a la posición que debería ocupar en el flujo normal de HTML .

[sanxuan]

Puedes utilizar en tu panel cualquier posicionamiento que lo fije en la pantalla, es decir, que lo saque de la posición static que tiene por defecto. Esta posicion puede ser relative, absolute o fixed.
Dentro de este panel todos los objetos que tengan posición absoluta se posicionan respecto a la esquina superior izquierda. Si no les das esa propiedad, seguirán el flujo nomal de la página.
La manera de darles la posición no hace falta decir que se logra con las propiedades top, left, right y bottom.
Creo que era lo que buscabas.

[nnelis]

Iniciado por maycolalvarez

ese es el problema de relative, en tal caso debes usar absolute, en relative siempre el eje de coordenadas 0-0 es con respecto a la posición que debería ocupar en el flujo normal de HTML .

El problema de la posicion absoluta (por favor corrijame si estoy mal) es que el origen es siempre respeco del Body, es decir del origen primario ... pero en realidad lo que busco es que mis objetos se comportes como absoluto pero relativo al contenedor donde ellos estan.

Gracias

[sergi_multimedia]

No sé si estoy equivocado porqué soy nuevo en esto, pero creo que lo que tienes que hacer es:

En el contenedor

position: relative;


en los objetos

position: absolute;

y a partir de aquí, ir moviendo los objetos con left, top, bottom, right

Corregirme si voy equivocado!