Background fisso...

[Juzam]

Ciao a tutti,

come si fa ad impostare un'immagine di background in modo che sia fissa?

Mi spiego meglio...

Non fissa rispetto allo scroller (non bgproperties=fixed),
ma fissa nel senso che se uno vede il sito ad una risoluzione più alta, lo sfondo resta sempre al centro e non si ripete ai lati o sotto..

Spero di essere stato chiaro...

Cips


Juzam Djinn

[3ks]

BODY {
background-image : url(sfondo.gif);
background-position : center;
background-repeat : no-repeat;

}


Con i fogli di stile, ciao.

[Leon@rdo]

...altrimenti crei un LAYER nella pagina centrato come vuoi...e metti l'immagine come sfondo del layer


bye
Leo

[cicciobello]

Originariamente inviato da 3ks
BODY {
background-image : url(sfondo.gif);
background-position : center;
background-repeat : no-repeat;

}


Con i fogli di stile, ciao.

ciao raga...
ho trovato questa vecchia discussione sui css...

se io metto questa riga nel mio css esterno, ogni volta che applico il tag body, questo non dovrebbe prendere gli attributi??

perche a me non capita??

[3ks]

Originariamente inviato da cicciobello
ciao raga...
ho trovato questa vecchia discussione sui css...

se io metto questa riga nel mio css esterno, ogni volta che applico il tag body, questo non dovrebbe prendere gli attributi??

perche a me non capita??

Ma quanto tempo è passato da quando ho risposto a questa discussione?!! Qui s'invecchia troppo velocemente!

Comunque... quello che dici è corretto, il body prende gli attributi presenti nel css esterno, strano che a te non capiti!

Hai verificato che il percorso del css sia corretto?

Ho caricato una pagina di prova a questo indirizzo: http://digilander.libero.it/3ks/testcss.htm prova a vedere se ti funziona.

Ciao

[cicciobello]

questo e il mio foglio di stile...
anche se la riga body è la prima il risultato non cambia...

dove sbaglio???
ovviamente il percorso è corretto... e gli altri attributi vengono correttamente interpretati...!!!

a:link { text-decoration: none; color: 0000FF}
a:visited { text-decoration: none; color: 0000FF}
a:hover { text-decoration: underline; color: #800000}
.header { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF} 
.menu { font-family: verdana, Arial; font-weight: bold; font-size:8pt; text-decoration: none; color: #000000; display: block; position: relative;} 
.menu a:link { font-family: verdana, Arial; font-weight: bold; font-size:10pt; text-decoration: none; color: #800000; display: block; position: relative;} 
.menu a:visited { font-family: verdana, Arial; font-weight: bold; font-size:10pt; text-decoration: none; color: #800000; display: block; position: relative;} 
.menu a:hover { font-family: verdana, Arial; font-weight: bold; font-size:10pt; text-decoration: none; color: #FFFF00; display: block; position: relative;}
.menu a:active {font-family: verdana, Arial; font-weight: bold; font-size:10pt; text-decoration: none; color: #800000; display: block; position: relative;}
.menu, td {height:20;} 

.f1 { font-family: verdana; font-size: 10px; font-weight: normal}
.f2 { font-family: verdana; font-size: 11px; font-weight: normal}
.f3 { font-family: verdana; font-size: 13px; font-weight: normal}
.f4 { font-family: verdana; font-size: 14px; font-weight: normal}
.f5 { font-family: verdana; font-size: 10px; font-weight: normal}
.f6 { font-family: verdana; font-size: 11px; font-weight: normal}
.f7 { font-family: verdana; font-size: 13px; font-weight: normal}
.f8 { font-family: verdana; font-size: 14px; font-weight: normal}


h1 { font-family: verdana; font-size: 16px; font-weight: bold }
h2 { font-family: verdana; font-size: 16px; font-weight: bold }

body { bgcolor: FFFFF0; background-image: url(img/cartolina.jpg); background-repeat: no-repeat; background-position: center; } 

[3ks]

Il bgcolor è sbagliato, nei css devi usare background-color: #fffff0;

[cicciobello]

Originariamente inviato da 3ks
Il bgcolor è sbagliato, nei css devi usare background-color: #fffff0;

vero, ma mi prendeva lo stesso il valore, quello che proprio non vuole prendere è l'immagine...!!!

[cicciobello]

Originariamente inviato da cicciobello
vero, ma mi prendeva lo stesso il valore, quello che proprio non vuole prendere è l'immagine...!!!

errore... non prendeva neanche quello...

ma nel documento, basta scrivere <body> vero???

[3ks]

Ti prendeva lo stesso il bgcolor??? Ma con che browser stai facendo le prove? A me funziona correttamente con Explorer 5.5, Opera 7, Mozilla Firebird e Netscape 7.

L'unica spiegazione che mi viene in mente è che il problema sia nell'immagine, prova magari ad usarne un'altra per prova.