Cita:
Iniciado por Arongutierrez 
Aun no logro hacerlo XD, quiero que el borde de abajo de una sección esté a una distancia de 10px del borde del elemento contenedor, y si el contenedor varía de tamaño, el la sección contenida igual lo haga, pero siempre que sus bordes estén a 10px del borde del contenedor. Tengo este código:
Contenedor (elemento de afuera):
Código:
#contenedor
{
float: right;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #f3f3f3;
width: 785px;
height: 485px;
box-shadow: 0px 0px 20px gray;
}
Elemento contenido (elemento de adentro que quiero que tenga margenes de 10 pixeles arriba abajo derecha e izquierda).
Código:
#contdina
{
height: 100%;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #f3f3f3;
}
Me quedó así con ese código:
el html es así:
Código:
<section id="contenedor">
<section id="contdina">
</section>
</section>
Gracias de ante mano :)
Bueno mira te explico, creas un contenedor con dimensiones fijas, bien luego generas un contenido con un alto de 100% y le sumas el borde. Hay esta tu problema el contenido tendria 100% + ancho de borde = Desborda su contenedor intenta bajar el alto del contenedor asi
Código:
Código HTML:
#contdina{
height: 95%;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #f3f3f3;
}
No se si esas son las medidas exactas pero ve probando hasta que quede a tu gusto un saludo