Foros del Web » Creando para Internet » CSS »

problema de posicionamiento con top negativo

Estas en el tema de problema de posicionamiento con top negativo en el foro de CSS en Foros del Web. Hola foreros, tengo el siguiente problema, les paso el link de donde tengo subida la página en cuestión: www.estudioblazar.com.ar/letra-viva/index.html El tema es que para los ...
  #1 (permalink)  
Antiguo 20/11/2008, 07:11
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
De acuerdo problema de posicionamiento con top negativo

Hola foreros, tengo el siguiente problema, les paso el link de donde tengo subida la página en cuestión:
www.estudioblazar.com.ar/letra-viva/index.html

El tema es que para los avances de texto de abajo (que están dentro de unas cajas con sombra) tuve que poner una posición relativa para poner un top:-100px;
además de un z-index para que quedara por debajo de la imagen del libro y en la posición que aparecen.
Hasta ahi todo bien, el problema es que se ve que el espacio que estaba ocupando esa caja (que es más abajo) hace que el contenedor (llamado .caja-avances-2 )
sea más alto de lo que se "muestra" haciendo que la caja que le sigue por debajo empiece mucho más abajo de donde debería verse.
Probé con clear, display, overflow y nada...
Le agradezco a quien pueda ayudarme a resolverlo, saludos!!
  #2 (permalink)  
Antiguo 01/12/2008, 05:56
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Pregunta Respuesta: problema de posicionamiento con top negativo

De verdad nadie sabe cómo resolverlo?
Necesito ayuda sobre este tema por favor!!!
solo quisiera que desaparezca el espacio que aparentemente sigue ocupando la caja al ponerle ese top negativo para que ese espacio pueda ser ocupado por el elemento de abajo...


Por favor contesten!!!
  #3 (permalink)  
Antiguo 01/12/2008, 06:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problema de posicionamiento con top negativo

En este tema se acaba de tratar prácticamente lo mismo hace muy poco, y ha quedado resuelto.

http://www.forosdelweb.com/f4/descuadre-648940/
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 01/12/2008, 07:10
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
De acuerdo Respuesta: problema de posicionamiento con top negativo

Mikel, gracias por la respuesta, estuve leyendo el post que mencionás, pero antes que nada quería decirte que antes de abrir un post paso mucho tiempo (a veces días) buscando en google y en el foro mismo y al no encontrar la respuesta es que recién presento la pregunta, quizá porque en el buscador puse "top negativo" o "desplazamiento de div" y algunas otras cosas es que no me topé con la respuesta que me das, a veces si no das con la palabra exacta es dificil encontrar lo que se busca, pero bueno, más que nada decirte que siempre trato de encontrar soluciones por mi misma antes de preguntar en el foro.

Ahora al problema, apliqué lo que decis en la respuesta y ya se ve mucho mejor, pero necesito que la información sea dinámica, es decir que pueda tener más o menos texto dentro de las cajas y cuando pruebo agregarle más texto se superponen, por tener la posición absoluta...
hay alguna solución?

Gracias.
  #5 (permalink)  
Antiguo 01/12/2008, 07:13
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Respuesta: problema de posicionamiento con top negativo

acabo de actualizar la página con las modificaciones:
http://www.estudioblazar.com.ar/letra-viva/index.html
  #6 (permalink)  
Antiguo 01/12/2008, 07:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problema de posicionamiento con top negativo

Hola. Sí, ya imagino que no es fácil encontrar tu problema cuando no tiene un nombre muy determinado.

En el caso que dices, creo que quizá no has aplicado del todo bien la solución que se presentaba en el otro hilo, quiero decir: la solución no sería poner la caja de texto en posición absoluta, sino como en realidad lo de antes lo hacías para que la imagen del libro quedara montada sobre la caja de la sombra, lo que deberías hacer es poner como absoluta la imagen del libro para ponerla donde quieras dentro de cada contenedor (manteniendo a cada contenedor la posición relativa), y así que el texto y la caja de la sombra tengan simplemente una posición static (la que llevan por defecto sin poner nada), y puedan crecer cuando crezca el contenido.

Intenta lo que te digo y si no lo ves claro dime y te echo una mano.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 01/12/2008, 13:08
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Respuesta: problema de posicionamiento con top negativo

Mikel, realmente te agradezco porque logré resolverlo!
me costó ujn poco entender los detalles detrás de cada palabra, pero quedó perfecto!

aca dejo el link para que vean como quedó.
http://www.estudioblazar.com.ar/letra-viva/index.html

Otra vez muchas gracias de verdad!
  #8 (permalink)  
Antiguo 01/12/2008, 13:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problema de posicionamiento con top negativo

Eso es. Creo que ahora lo has aplicado perfectamente y ha funcionado. Me alegro.

Saludos.
__________________
Visita mi nueva web idplus.org
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 10:06.