background

[xeonbit]

Hola, quisiera poner dos fondos en mi web uno arriba y otro abajo

body {
margin:0 auto;
padding-top:0px;
background:#000000 url(images/body.png) repeat-x top;
background: url(images/body2.jpg) repeat-x bottom;
font-family:Century gothic, Arial,Tahoma,sans-serif;
color:#668790;
font-size:13px;
}

no consigo que me funcione del todo bien, es decir no me funciona xD, como puedo arreglarlo para que se me vean las dos imagenes.

[Triby]

Cada elemento puede tener solo una imagen de fondo, no mas.

Haz una sola imagen. De otra forma, tendrias que crear algunos divs extra, tal vez con fixed o posicion absoluta.

[Calizman]

Saludos!!

Tienes que saber que un div solo puede tener una imagen de fondo, no mas. Entonces, tienes dos opciones.

1.- Creas otro div dentro de el div que tienes, y le pones el segundo fondo.
2.- Unes los dos fondos en una sola imagen, y le pones esa imagen al div que quieres.

Espero que te sirva! Hasta Luego!!

EDITO: Mientras leía, no me di cuenta que el elemento que estas usando es el body, por lo que imagino que lo que quieres, es darle dos tonalidades diferentes, una en la parte de abajo, y una en la de arriba.

Te saldria mejor si pusieras el body con un fondo entero... talvez de 1 x 800 que no son muy pesados. Te recomiendo visitar Este enlace. Un aporte de mi amigo Null.

[xeonbit]

1.- Creas otro div dentro de el div que tienes, y le pones el segundo fondo.
Entonces mas o menos como seria ese código para poder hacerlo, yo es que me dedico mas al diseño que al código xD

lode unir los 2 fondos en una sola imagen lo hice pero, como la web y el fondo comparten el mismo diseño por decirlo asi, el pie de la página al hacerse mas grande por algún artículo se sale de la imaen del fondo, por lo que busco que quede algo bien integrado por eso queria un pie y una cabecera que se repitiese

[Calizman]

Mira el codigo seria algo asi como:

#pie {text-align: center;
background: url(loquequieras.jpg);
color: #fff;
height: 3em;
margin-top: -3em;
}
.ejemplo {position:relative; top: 0.5em;
font-size: 1.2em;
}

y lo llamas de esta forma:

<div id="pie">
<span class="ejemplo">Pie</span>
</div>

Si quieres ver como funciona, puedes ver este mismo ejemplo en araudi.net.

Espero que te sirva!! Hasta Luego!!