Problema img bg che si sposta in base alla risoluzione

[dezio]

body {  
		margin-top: 0px;
		background-color: #46545F;
		background-image: url(../img/takeover.gif);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: 320px 140px;
}

Se qualcuno ha una risoluzione diversa da quella su cui è stata "posizionata" l'immagine, essa si sposta
Soluzioni?

[dezio]

up

[salasir]

Non ho capito cosa vuoi. :master:

Forse hai un'immagine di background che deve rimanere sempre al centro dello schermo?

Se è così, prova

background-position: 50% 50%;

   oppure

background-position: center center;

[dezio]

No, ho un'immagine in bg messa in una determinata posizione dello schermo.
Il problema è che se riduco la finestra l'immagine si sposta perche calcola la distanza dal top e dal left del browser

[salasir]

Quindi, provando con il posizionamento in percentuale anzichè in assoluto?

Tipo background-position: 50% 20%;

Ti ricordo che il primo valore è per l'orizzontale, mentre il secondo per il verticale.

[dezio]

ora provo

edit: nisba, cambia ancora: http://www.ixploid.com prova a modificare le dimensioni della pagina e vedrai che quella sorta di "fiore" in bg si sposta

[salasir]

Scusa se so' de' coccio ...

Ma tu vuoi che si sposti o no? Perchè adesso si sposta in proporzione al ridimensionamento della pagina.

O il tuo problema è che deve rimanere sempre nella stessa posizione rispetto al contenuto della pagina ?

[dezio]

no io voglio che si adatti quando qualcun'altro ha una risoluzione diversa da quella che ho io (es: 1024x768 o 800x600) e che ste fiore non vada a finire sotto il resto della grafica, perchè a 1280 è tutto perfetto

[santino83_11_04]

non la mettere come sfondo del body ma come sfondo di un div, magari un contenitore, che contiene gli altri div (ovvero il resto del contenuto)

[dezio]

Si lo so quella era la soluzione finale
Speravo di risolvere in altro modo
Va bhe vedrò di mettere un div