Hola a todos,
estoy teniendo un problema que no acabo de solucionar y no se me ocurre como hacerlo.
Tengo una capa con una imagen de fondo, pero cuando a esta capa le meto un párrafo con un margen superior de 40px (por ejemplo), el fondo se me desplaza 40px con el párrafo.
Lo más curioso del tema es que si a la capa con fondo le asigno un borde de 1px, el fondo y la capa se mantienen en su posición.
Un ejemplo sencillo de lo que tengo sería:
Código HTML:
<div id="img_cabezara">IMAGENES...</div>
<div id="menu">MENU...</div>
<div id="capa_con_fondo">
<p>Párrafo con margin-top:40px</p>
</div> Y el CSS de capa_con_fondo sería:
Código HTML:
#capa_con_fondo{
height: 428px;
width: 828px;
margin: 0px auto;
background: url('../img/fondo_cuerpo.png') no-repeat;
}
Si al párrafo le pongo margen superior, el fondo se desplaza. Y como ya he dicho, si le añado un border: 1px, el fondo sigue en su sitio.
¡Gracias por la ayuda!