sfondo pagina top e center... problemi

**steveml** · 28-10-2005, 15:34

Come posso centrare lo sfondo di una pagina e metterlo in alto (top)?

ho provato con background-position: top;
ma non è perfettamente centrato.
ho provato con background-position: center; ma lo centra giustamente in mezzo alla pagina

ho provato anche con background-position: top center; ma niente da fare.

cosa mi divmentico ?
Io vorrei lo sfondo perfettamente in alto/top e centrato in orizzontale.

grazie mille

**pierofix** · 28-10-2005, 15:37

Usando la shorthand 'background' potresti fare così:

codice:

body {
   background:url(immagine.png) no-repeat 50% 0;
}

Per approfondire:

- http://www.w3.org/TR/CSS21/colors.ht...def-background

P.S. Il tuo uso di 'background-position' era sbagliato in quanto prima ci va il valore orizzontale e poi quello verticale (tu avevi fatto il contrario):

- http://www.w3.org/TR/CSS21/colors.ht...round-position

**steveml** · 28-10-2005, 15:53

ho provato ma tutto quello che inserisco, per esempio una immagine centrata non è centrata come lo sfondo.... rimane un po piu' a sinistra....

**pierofix** · 28-10-2005, 15:58

Postaci il codice con cui richiami lo sfondo (magari tutte le proprietà applicate con il selettore body).

**steveml** · 28-10-2005, 16:11

eccolo :

body {
background:url('../images/bg.jpg') no-repeat 50% 0;
margin-top:0px;
}

ho usato anche:

body {
background: url('../images/bg.jpg') no-repeat top;
margin-top: 0px;
}

**pierofix** · 28-10-2005, 16:14

Questo mi pare corretto:

codice:

body { 
   background:url('../images/bg.jpg') no-repeat 50% 0; 
   margin-top:0; 
}

Non è che hai anche dei margini laterali nel body? :master: Hai per caso la pagina on-line? Ci dai il link?

**steveml** · 28-10-2005, 16:17

non è online

il foglio di stile è
per ora solo il body (che ho postato).... ho appena cominciato

l'immagine intestazione.jpg non è centrata rispetto allo sfondo.
il codice della pagina per ora è

<html>
<head>
<title>prova</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div align="center">
[img]images/intestazione.jpg[/img]
</div>

</body>
</html>

**pierofix** · 28-10-2005, 16:21

1. Occhio a come usi il markup:

- www.mibmagazine.it/article.php?id=51

2. Sei sicuro che l'immagine non abbia bordature laterali asimmetriche?

Discussione: sfondo pagina top e center... problemi

Strumenti discussione

Ricerca discussione

Visualizza

sfondo pagina top e center... problemi

Permessi di invio