background position center

**gigigi** · 10-05-2006, 13:18

salve a tutti.... forse mi sto rinco******ndo

sto facendo una pagina con bg e div centrati verticalmente.

con questo codice
background-image:url('imgs/bg.jpg');
background-position:center;
background-repeat:repeat-x;
la mia immgaine di sfondo dovrebbe posizionarsi al centro della pagina e ripetersi solo in orizzontale giusto?
ed in effetti in IE si vede come dovrebbe... come mai in FF no?

vi posto tutto il codice

<HEAD>
<STYLE type=text/css media=screen>

BODY, html {
background-image:url('imgs/bg.jpg');
background-position:center;
background-repeat:repeat-x;
padding:0px; margin:0px;
text-align:center;
LINE-HEIGHT: 2em; FONT-FAMILY: Verdana, sans-serif;
}
#container {
position:absolute;
top:50%; left:50%;
width:300px; height:150px;
margin-left:-150px;
margin-top:-75px;
padding:0px;
BACKGROUND: #8a9;
COLOR: #fff;
}
</STYLE>

</HEAD>
<BODY>
<DIV id=container>CENTRATO</DIV></BODY>

**serialkiller** · 10-05-2006, 14:18

codice:

body, html {
background:transparent url(bg.jpg) repeat-x center top;
padding:0; margin:0;
text-align:center;
line-height: 2em; font-family: Verdana, sans-serif;
}

epoi scrivi minuscolo, secondo gli standard

**gigigi** · 10-05-2006, 15:17

ma... non posso allinearlo al top.
a me serve che il centro dello sfondo stia al centro della pagina

ho messo la pagina qui:
pagina

in IE la vedo così ed'è giusto... come mai in FF no?!?!

**gigigi** · 10-05-2006, 16:46

... dai che lo so che lo sapete risolvere!!!

**serialkiller** · 10-05-2006, 18:43

body, html {
height:100%;
background-image:url('imgs/bg.jpg');
background-position:center;
background-repeat:repeat-x;
padding:0; margin:0;
text-align:center;
line-height: 2em; font-family: Verdana, sans-serif;
}

**gigigi** · 11-05-2006, 10:54

azz..... ci voleva l'height nel body?!?!

maledizione!! hehehe

grazie mille ora è centrato anche con FF

Discussione: background position center

Strumenti discussione

Ricerca discussione

Visualizza

background position center

Permessi di invio