Inserire 2 immagini come background della pagina

[jepyssimo]

Ciao a tutti.

Volevo sapere se tramite i css è possibile impostare 2 immagini come sfondo della pagina senza usare DIV. In pratica ho un'immagine alta 10 pixel che si ripete in verticale per tutta l'altezza della pagina (che può variare) e un'altra immagine alta 300pixel che posiziono in alto (come se fosse lo shondo dell'header).

In pratica, come avviene in questo sito: http://www.wintrade.it/

Grazie a tutti

[miki003]

Originariamente inviato da jepyssimo
Ciao a tutti.

Volevo sapere se tramite i css è possibile impostare 2 immagini come sfondo della pagina senza usare DIV. In pratica ho un'immagine alta 10 pixel che si ripete in verticale per tutta l'altezza della pagina (che può variare) e un'altra immagine alta 300pixel che posiziono in alto (come se fosse lo shondo dell'header).

In pratica, come avviene in questo sito: http://www.wintrade.it/

Grazie a tutti

Da quello che ne so io non si puo fare, assolutamente.

Il sito che hai portato ad esempio ha le immagini come sfondo al header e al container

#header {
	margin: 0;
	padding: 0;
	width: 762px;
	text-align: left;
	background-position: top right;
	background-image: url(../img/testa_bkg.jpg);
	background-repeat: no-repeat;

#container {
	margin: 0 auto;
	width: 762px;
	background-image: url(../img/bkg_content.jpg);
	background-repeat: repeat-y;
}

[jepyssimo]

Non mi riferivo allo sfondo dei DIV, ma allo sfondo vero e proprio della pagina. Il codice in questione è questo:

html { 	padding: 0; 	margin: 0; 	background: #565656 url(../templates/img/sf_body_repeat.jpg) center repeat-y ; } body { 	margin: 0 auto; 	font: normal 11px Arial, Helvetica, sans-serif; 	color:#000000; 	background: url(../templates/img/sf_body_norepeat.jpg) no-repeat center; 	background-position: top; }

...ma ovviamente non mi funge.

[jepyssimo]

Rifacendo il template alla fine ci sono riuscito. Ora però è comparso un altro problema. Riguarda il div contenitore che è centrato nella pagina (e che a sua volta contiene i div per l'header, menu, footer, ecc). In pratica con explorer funge tutto bene, mentre con firefox si 'mangia' un pixel (spostando il contenitore di un pixel verso destra).

Ecco la pagina: http://www.gamma3web.com/test.html