duda posicionamiento div

veronica21 · #1 (**permalink**) 27/05/2010, 11:11

hola a todos,

Estoy terminando de rematar mi salida de articulos por pantalla y tengo una duda, antes que nada os pongo una imagen para que lo veiais mejor:

Bueno como veis aqui, he puesto todos los divs que tengo con border, para que se vean mas claros, el problema que tengo es la foto de 'Articulo nuevo' que se encuentra entre el div de stock y ranking aunk no se vea muy bien en la imagen.
Lo he posicionado de forma absoluta, mientras que el resto de divs son todo floats.... Lo he tenido que posicionar de forma absoluta porque si lo hacia de forma relativa me cambiaba todo y las imagenes de abajo se me salian del div principal...

El problema que tengo ahora esque nose como hacer para configurar la position absolute para que se me vea donde yo quiero en todos los recuadros de articulos que vaya leyendo de la base de datos (que es en la esquina derecha del raton)

como puedo hacerlo ?

saludos y gracias de antemano

ferwall · #2 (**permalink**) 27/05/2010, 12:34

La verdad no estoy seguro, capaz que te sirve capaz que no pero bue jeje

Yo diria que pongas el div de todo lo que sale ahi en la imagen un un div mas grande, y en ese div poner el huevito de articulo nuevo.

Salu2 espero que te sirva y sino ignora el comentario =P jeje

cristian_cena · #3 (**permalink**) 27/05/2010, 20:49

Hola veronica21:

Dale position:relative; al elemento padre de tu elemento posicionado de forma absoluta y luego manipula la posición del elemento hijo respecto del eje 0,0 de tu elemento contenedor utilizando las propiedades:
top:/*ej: 10px*/;
left:;
right:;
bottom:;

por ejemplo:
Dentro de <body></body>:
<div id="papi"><div id="hijo"></div></div>
Dentro de <style type="text/css"></style>
#papi{position:relative; width:/*el que quieras*/;}
#hijo{position:absolute; top:23px; left:10px;}

Saludos

p-d: Recuerda dar overflow:hidden; a #papi si quieres anidarle elementos flotados. Haciendo esto estas limpiando los floats.