Hola
Tengo el siguiente código html
<div id="divTodo">
<div id="divHeader"></div>
</div>
y su css asociado es:
body {
padding: 0;
margin: 0;
background: url('./img/degradado.png') repeat-x;
}
#divTodo{
width: 900px;
height: 700px;
background-color: #FFF;
margin: 0 auto 0 auto;
}
#divHeader{
margin-top: 15px;
width: 900px;
height: 100px;
background-color: #000;
}
El problema es que el margin-top no me funciona, como yo esperaba, es decir según el código y su hoja de estilo tendría que tener una pagina con el fondo con mi degradado y centrado un div que ocupa 900x700 en blanco y dentro de ese div a 15px de distancia un div de 100px de alto con fondo negro.
Pues no me lo hace, los 15px estos de margin-top, no se ven en blanco sino con el color del degradado.
Si hago padding-top: 15px; en el divTodo y quito el margin-top si me lo hace, tambien leyendo el foro si pongo un padding-top: 1px; en divTodo y dejo el margin-top en divHeader me funciona, alguien sabe porque pasa esto y como puedo solucionarlo?
Lo quiero hacer con un margin-top en el divHeader, porque si lo hago con el padding en el divTodo, tengo que restarle ese padding al height.
Muchas gracias por adelantado