Background centrato nello stesso punto

[world war]

Se andate su questo sito:
http://www.paolocross.it/
potete vedere che se rimpicciolite la finestra del browser a meno di 960px lo sfondo e tutta la grafica che contiene inizia a spostarsi.

Vorrei risolvere questo problema ma non so come farlo attraverso poche righe di codice evitando di rifare tutta la grafica con una struttura migliore.

Avevo pensato di inserire lo sfondo in un div con dimensioni di altezza e larghezza 100% ma con larghezza minima di 960px ma questo metodo funzionava solo su ie8 e chrome (oltre a quei 2 ho provato solo FF).

Quindi secondo voi qual'è la soluzione migliore per risolvere il problema?

[world war]

Nessuna soluzione?

[Mich_]

Non e` facile rispondere. La mia natura mi porterebbe ad iniziare da Adamo ed Eva, oppure a mandarti a studiare i layout.

Ci sono alcuni modi fondamentali per impostare un layout (forse sono solo 2):
1. a larghezza fissa
2a. fluido
2b. liquido

1 e` il piu` semplice, ma anche quello che meno si adatta alle varie risoluzioni/dimensioni
2 si adatta alla larghezza, ma a volte le proporzioni o le posizioni non sono rispettate. Nel caso 2a si usano essenzialmente misure %, per cui le posizioni sono rispettate fino ad un certo punto; nel 2b i vari blocchi si posizionano dove meglioi ci stanno in base al brwoser (e` molto comodo per schermi molto piccoli, ma l'estetica e` una utopia: quello che interessa e` solo il contenuto).

Nel tuo caso hai usato formattazione HTML, e questo manda in tilt i CSS (nel senso che i browser interpretano come vogliono).
Per prima cosa devi quindi eliminare tutti i tag e attributi di formattazione (align="center"). Conl'occasione fa' un giro dai validatori, che trovano se ci sono altre cose che non vanno. Per far funzionare bene i CSS, l'HTML andrebbe validato con DTD Strict (anche se poi nella pratica userai un transitional).

Per il layout, ti conviene partire da un layout pronto (ne trovi alcuni a partire dai "link utili", altri con ricerche in rete).