14/04/2014, 22:29
|
 | | | Fecha de Ingreso: enero-2014
Mensajes: 16
Antigüedad: 10 años, 9 meses Puntos: 0 | |
| Problema con Overflow Hidden y Sombras
Hola que tal amigos, escribo para pedirles ayuda, tengo un problema con un sitio que estoy maquetando y quisiera saber su opinión y recibir su ayuda.
Lo que pasa es que tengo un contenedor padre que contiene a otros 2 contenedores hijos, uno tiene un float left y otro un float right.
Puse los 2 contenedores hijos dentro del padre para poder darle una medida de 1000px, ademas de que con este contenedor padre puedo limpiar los "Float" mediante la propiedad overflow hidden.
El problema que tengo es que a los contenedores hijo les quiero poner una sombra con box shadow, pero al momento de ponerla solo me muestra la sombra de los lados, no me muestra la sombra por la parte de abajo del contenedor, esto gracias a que la propiedad overflow hidden la esta ocultando.
La unica solucion que he encontrado es quitar el overflow hidden y limpiar los floats mediante un div invisible que contenga un clear both.
Yo se que esto del div invisible puede parecer obsoleto, pero es la unica solucion que encontre, me gustaria que me dieran sus opiniones sobre si deberia hacerlo de esta manera, o si existe alguna solucion para limpiar los float sin que me elimine la sombra.
Saludos y gracias |