Problema - 2 background?

Innanzitutto salve a tutti! Questo forum mi ha aiutato moltissimo in passato e spero lo faccia anche questa volta. Ho molta fiducia in questa community. ^^

Allora passiamo al problema: sul sito: http://ninjamonkeys.freeiz.com/ ( mio ) ho provato a cambiarlo sfondo ai lati, quello quasi nero, un grigio scuro ( esadecimale: 111111 ). Ma ho subito riscontrato il problema che avrei dovuto usare 2 sfondi. E via con gli overlay! E z-index!

Ecco le mie prove:
1- http://ninjamonkeys.freeiz.com/index2.html
2- http://ninjamonkeys.freeiz.com/index3.html
3- http://ninjamonkeys.freeiz.com/index4.html
4- http://ninjamonkeys.freeiz.com/index5.html

Il problema è che non riesco a mettere lo sfondo "http://ninjamonkeys.freeiz.com/bg.jpg" sotto lo sfondo "http://ninjamonkeys.freeiz.com/tlo2.png" mantenendo la dinamicità del sito di partenza, ovvero che quando si rimpicciolisce o ingrandisce la schermata il menu rimane al suo posto ecc.


Ora non facendo caso allo sfondo "bg.jpg" che ho scelto il primo che ho trovato ( in un folder di un gioco :P ) mi sapreste aiutare? Magari evidenziandomi il codice da cambiare o se è troppo difficile da spiegare il codice già fatto.

Confido in voi e nellav ostra sapienza.. io veramente cel'ho messa tutta.. Buonanotte! ^^

Una cosa semplice semplice da fare sarebbe quella di fare così:

body(background-image:url(http://ninjamonkeys.freeiz.com/bg.jpg);

poi creare una nuova classe per lo sfondo http://ninjamonkeys.freeiz.com/tlo2.png e metterlo su un livello pi' in alto con poi tutto il contenuto che ci deve essere.

Quale è il problema?

Ok ciao. Ho provato a fare quello che mi avevi scritto. PEr te sembra semplice. :P Ma io ho studiacchiato il html e il css da autodidatta e adesso mi è venuto fuori questo:
http://ninjamonkeys.freeiz.com/index6.html

Come posso fare per riempire tutto quel bianco con lo sfondo bg.jpg? Ho provato a fare <br>.. ma a seconda delle risoluzione dello schermo funziona meglio o peggio. ;( Mi potreste illuminare di nuovo? ^^

Puoi utilizzare una div per lo sfondo dove inserisci l'immagine e poi nel codice sia per l'altezza che per la larghezza inserisci 100%.
Dopo fatto ciò inserisci una nuova div per il contenuto.
Il codice dovrebbe essere simile al seguente:

Codice:

---

<div style="width: 100%; height: 100%; left: 0%; top: 0%;">
<img scr="Url background" width="100%" height="100%">
<div style="width: 100%; height: 100%; left: 0%; top: 0%;">
<-- Contenuto pagina -->
</div>
</div>

---

F**K!: http://ninjamonkeys.freeiz.com/index6.html
XD Ci siamo vicini.. Ora ci sono altri 2 problemi ma più semplici credo.. il menu in mezzo non è perfettamente centrato... e a destra c'è lo scroll.. e non vorreiche ci fosse. ;(