Colocar dos imágenes de fondo, "footer" y "header".

[joyeria]

Buenos día.
Tengo un problemilla con mi Web, quiero colocar la imagen de fondo que he diseñado para el pie de página y no logro hacerlo.

Tengo una imagen de fondo en el body, colocado en la parte superior y ahora quiero poner un div en el pie de la página de fondo y centrado sin el escroll horizontal con la imagen de fondo correspondiente, como si tuviera dos body.

Os mostraría la web y la maqueta pero no puedo.



Muchas gracias de antemano.

[C2am]

Hola joyeria
pon el link sin los www, es decir tupagina.html

[joyeria]

No es ese el problema.

Recibo este mensaje:

Por motivos anti-spam, solo es posible incluir enlaces o compartir direcciones web en sus mensajes, luego de que el usuario tenga más de 30 días de antigüedad y más de 30 mensajes publicados en el foro. Disculpe las molestias.

[C2am]

Por eso, a tu direccion sacale "http://www." y pon solo el resto, de esa forma te deja.
tupagina.html

[joyeria]

Ok.

joyeria-artesana.com/joyeria/index.php
joyeria-artesana.com/joyeria/images/infobox/maqueta.jpg

[C2am]

Tienes al final esto:

...

</table>

<!--<div class="fondofooter"></div>-->


<!-- footer_eof //-->

</div>
</body>
</html> "

Pero en el css no encontre la clase fondofooter.
Tal vez lo mejor es ponerlo de esta forma:

</table>

</div>

<div class="fondofooter"></div>

<!-- footer_eof //-->

</body>
</html> "

[danneg]

con css3 puedes hacerlo

#capa_con_dos_fondos {
background: segundofondo , primerfondo;
}

se utilizan las mismas propiedades

image,color,position,atachment

y otras nuevas como size

[joyeria]

OK gracias a los dos.

C2am tenia un estilo para <!--<div class="fondofooter"></div>--> pero lo quite ya que no conseguía lo que quería.


danneg gracias por esta aclaración, pero no me funciona, he colocado un estilo nuevo así:

#capa_con_dos_fondos {
background: url(/joyeria/images/infobox/fondo_web_joyeria.jpg) top no-repeat , url(/joyeria/images/infobox/fondo_footer.jpg) bottom no-repeat ;
}


Entonces en el header.php he abierto un div así:

<div align="center" id="capa_con_dos_fondos">



Y lo he cerrado en el footer:


</div>


Por cierto estoy trabajando un oscommerce, por si a alguien le sirve de ayuda.