Non riesco a centrare un immagine come sfondo

[housed93]

Ciao a tutti!
Ormai è da anni che utilizzo i css per realizzare siti internet e mai mi è capitata una cosa del genere. In pratica, non riesco a centrare un immagine come sfondo. Questa è alta 861px e larga 1181px. Questo è il codice utilizzato:
body {
background-image: url(images/sfondo.jpg);
background-repeat:no-repeat;
background-color:#740d0f;
}

non mi fa visualizzare metà immagine dello sfondo. Ho provato quindi a modificare il margin-top e ho visto che l'immagine è scesa, ma non riesco a capire perchè mi da questo problema . :master:

che ne dite

[housed93]

chi risponde !

[dyuhs]

hai provato
background-position: center;

(o forse background-position:center center

?

[digital00]

Devi aggiungere:

margin: 0px auto;   /* centra in firefox */
text-align: center;   /*centra in IE */

[mucu]

se vuoi centrare sia orizzontalmente che verticalmente
devi aggiungere la "position" come ha detto dyuhs

body {
	background-image: url(xyz.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

oppure così, il risultato è lo stesso

body {
	background-image: url(xyz.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

quello che ha detto digital00 serve a niente in questo caso
può serviti a centrare un div e neanche sempre perchè alcuni browser vogliono tutti i margin

[gengix]

può serviti a centrare un div e neanche sempre perchè alcuni browser vogliono tutti i margin..

In che senso scusa?

[mucu]

nel senso che qualche tempo fa, passando il tempo a provare un sacco di browser, alcuni di questi non mi leggevano bene la notazione compatta
da allora visto che la uso essenzialmente per il contenitore principale, preferisco non rischiare
e dichiarare tutto

margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

[housed93]

scusate se vi rispondo solo adesso. io vorrei centrare solo orizzontalmente... ma non ci riesco!

[gengix]

Utilizzando text-align:center per l'elemento il body e la centratura con i margini per l'elemento interessato mi risulta sia compatibile con tutti i browser o almeno i più diffusi (anche quelli in disuso come IE 5).
Ora non so quali browser tu intenda, mi sembra alquanto strano

[housed93]

ok... è andata ragazzi.

COSI SI CENTRA SOLO ORIZZONTALMENTE
<style type="text/css">
<!--
body {
background-image: url(images/sfondo_centrale.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center 0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}
-->
</style>
COSI SI CENTRA SOLO VERTICALMENTE
<style type="text/css">
<!--
body {
background-image: url(images/sfondo_centrale.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position:0px center;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}
-->
</style>
COSI SIA VERTICALMENTE CHE ORIZZONTALMENTE
<style type="text/css">
<!--
body {
background-image: url(images/sfondo_centrale.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center center;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}
-->
</style>

Ciaoooo!

P.s. anche io li dichiaro tutti i margin... non si sa mai!