problema de posicionamiento con top negativo

[marilinadg]

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!!

[marilinadg]

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!!!

[Mikmoro]

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/

[marilinadg]

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.

[marilinadg]

acabo de actualizar la página con las modificaciones:
http://www.estudioblazar.com.ar/letra-viva/index.html

[Mikmoro]

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.

[marilinadg]

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!

[Mikmoro]

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

Saludos.