![]() |
Adaptar el contenedor al contenido Hola! Llevo un par de horas con un problemilla que me está costando resolver... A ver si lo explico bien. Ayer me bajé una librería js para poner bordes redondeados con sombra y borde marcado de la web http://www.ruzee.com/blog/shadedborder. Para ello, hay que definir un div que debe ser redondeado, al cual hay que darle una anchura y altura para que funcione. En mi caso tengo algo como esto: <div id="main"> <div id="contenido_main"> Contenido que va cambiando según la sección de la web en la que estemos. </div> </div> El div que he definido para ser redondeado ha sido main. El borde funciona y queda muy bonito, pero no se me adapta bien al contenido. Quiero decir, que en algunas secciones, el borde engloba el contenido adaptándose a él, pero en otras (concretamente en una sección en la que hay una tabla que se va expandiendo), el contenido se sale del borde, y por tanto del div de contenido (se desborda). ¿Alguien podría decirme como hacer que la altura de main se adapte según la altura de contenido_main para que éste último no se salga de main y por tanto del borde pintado? He leído en un post sobre utilizar mín-height y eso, pero no me funciona... :'( Muchas gracias a todos |
Re: Adaptar el contenedor al contenido Hola Acuatica! Debes utilizar la propieda min-height, recuerda que esta propiedad da problemas con internet explores pero existe un truco para soliucionarlo, pon en tu css lo siguiente: min-height:200px; height:auto !important; height:200px; Con estas propiedades te funcionará en todos los navegadores y deberia solucionarte el problema. Ya nos cuentas como ha funcionado.. Un saludo! |
Re: Adaptar el contenedor al contenido Muchas gracias komodo por tu respuesta. La verdad es que esa solucion ya la probé, pero no me funcionó. Al final poniendo un padding-bottom he conseguido que se introduzca el contenido en el contenedor en las secciones en las que no se adaptaban bien. Misterios del css.... De todos modos, te agredezco mucho la ayuda :-) |
| La zona horaria es GMT -6. Ahora son las 08:30. |
Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.