Hola, quiero hacer algo muy sencillo, pero no se porque no lo consigo, a ver solo quiero un div con padding de 3 pixeles para que el contenido no salga tocando los bordes. Este div esta a la vez dentro de otros divs, supongo que ahi debe estar el problema, porque lo que me pasa es que al poner el padding, en vez de moverse el contenido se me mueve el div en si, no tengo ni la mas remota idea de porque, aunque estoy seguro que es por una tonteria enorme, os pongo el codigo a ver si me podeis ayudar, gracias de antemano.
A ver se que el codigo en general puede parecer muy redundante y se podria hacer mucho mejor, pero eso no me preocupa, busco resultados no perfeccion, si alguien quiere darme sugerencias seran mas que bienvenidas, aunque lo que me urge es el problema no la eficiencia ni la elegancia.
la estructura es la siguiente:
Código:
<div class='mig'>
<div class='central'>
<div class='contingut'>
Aqui va el texto
</div>
</div>
</div>
y el css es el siguiente:
Código:
.mig{
position: absolute;
display: inline;
margin-left: 105px;
width: 490px;
height: 450px;
background-color: transparent;
}
.central{
margin-left: 0px;
margin-top: 0px;
width: 490px;
height: 425px;
overflow-y: auto;
background-color: transparent;
}
.contingut{
margin-left: 5px;
margin-top: 5px;
width: 480px;
height: 415px;
/* aqui es donde pongo el padding */
}