Nada, ni
background-image:url(../images/1.jpg) repeat-y;
ni tampoco
background:url(../images/1.jpg) repeat-y;
Pero es curioso lo que me pasa:
Cuando pongo:
body {
background-image:url(../images/1.jpg);
background-repeat: repeat-y;
}
IE me lee el fondo a la perfección, es decir, se repite cuando el contenido del container es más extenso que la imagen.
Pero FF no lo repite, sino que lo vuelca en sólo una ocasión y después me deja el background de la parte inferior desnudo.
Pero si pongo:
body {
background-image:url(../images/1.jpg)repeat-y;
}
No me lo lee ni IE ni FF.
Y por último con
body {
background:url(../images/1.jpg)repeat-y;
}
IE me lo deja en blanco y en FF me pasa como en el primer caso, es decir, que aparece el fondo una sola vez.
No sé qué más código podría colgar...
Al body le he asignado además las propiedades del primer post, luego lo siguiente (a grandes rasgos):
#container {
width:800px;
margin:2em auto;
text-align:left;
border:0;
padding-bottom:20px;
}
#container #header {
height:170px;
width:800px;
margin:10px auto;
}
#container #cuerpo {
position:relative;
width: 780px;
border:none;
margin:2px 10px;
border-spacing:0px;
overflow:hidden;
clear:both;
}
#container #footer {
clear:both;
position:absolute;
width:800px;
height:40px;
line-height:30px;
}
Y vaya en el html poca cosa podría decir:
<body>
<div id="container">
<div id="header"></div>
<div id="cuerpo"> </div>
<div id="footer"></div>
</div>
</body>
No sé, ¿no suele dar problemas el FF con el background? es que estoy super despistada y no sé cómo atajar esto...
Gracias!!