Foros del Web » Creando para Internet » CSS »

duda posicionamiento div

Estas en el tema de duda posicionamiento div en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/05/2010, 12:11
 
Fecha de Ingreso: junio-2009
Mensajes: 103
Antigüedad: 8 años, 6 meses
Puntos: 0
duda posicionamiento div

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
  #2 (permalink)  
Antiguo 27/05/2010, 13:34
Avatar de ferwall  
Fecha de Ingreso: abril-2010
Mensajes: 57
Antigüedad: 7 años, 8 meses
Puntos: 3
Respuesta: duda posicionamiento div

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
  #3 (permalink)  
Antiguo 27/05/2010, 21:49
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: duda posicionamiento div

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.

Etiquetas: posicionamiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:30.