[Gigi88]

ciao ragazzi ho creato una pagina con al centro una sola immagine volevo chiedervi se questo metodo che ho usato (cercando un po' su internet) è adatto al mio obiettivo


Questo è il mio CSS

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. body {
2.         background-attachment: fixed;
3.         background-image: url(img/splash_bg.png);
4. }
5. #splash {
6.         display: block;
7.         left: 50%;
8.         top: 50%;
9.         position: absolute;
10.         margin-top: -100px;
11.         margin-right: 0px;
12.         margin-bottom: 0px;
13.         margin-left: -325px;
14.  
15. }
16.  

Questo è quello che ho inserito nell'html

Sintassi: html [ Scarica ] [ Nascondi ]

Sintassi: html [ Scarica ] [ Mostra ]

1. <div id="splash"><img src="img/splash_seeyousoon.png" width="650" height="200" /></div>
2.  

ci sono soluzioni migliori?

[antoscarface]

Scusami, il tuo obiettivo esattamente qual'è?
Quella immagine deve stare li come sfondo, o come immagine "oggetto"?

[Alexain]

La soluzione è giusta comunque. Non ci sono altri modi che io conosca per centrare un oggetto <div> all'interno del browser.

@antonscarface: credo che lui voglia appunto centrare l'immagine "splash_seeyousoon.png" sia verticalmente sia orizzontalmente come un oggetto, visto che il resto della pagina ha un suo sfondo.

[Gigi88]

La soluzione è giusta comunque. Non ci sono altri modi che io conosca per centrare un oggetto <div> all'interno del browser.

@antonscarface: credo che lui voglia appunto centrare l'immagine "splash_seeyousoon.png" sia verticalmente sia orizzontalmente come un oggetto, visto che il resto della pagina ha un suo sfondo.

sì alexain hai centrato il discorso, il mio obiettivo era quello

menomale allora ho fatto bene

ho altri due interrogativi da sottoporvi
1]Qual è l'importanza di display:block nel mio css? Che ruolo ha?
2]Se invece di inserire l'immagine come oggetto all'interno del div avessi voluto inserirlo come sfondo (dimensionando quindi il div stesso) come avrei dovuto cambiare il css per farlo?

[Gigi88]

ragazzi

[Alexain]

display:block lo usi per far capire alla pagine che è un elemento separato dal resto, mentre se volevi inserire l'immagine come sfondo devi modificare così i tuoi file:

Sintassi: html [ Scarica ] [ Nascondi ]

Sintassi: html [ Scarica ] [ Mostra ]

1. <div id="splash"></div>

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. body {
2.         background-attachment: fixed;
3.         background-image: url("img/splash_bg.png");
4. }
5. #splash {
6.         display: block;
7.         left: 50%;
8.         top: 50%;
9.         position: absolute;
10.         margin-top: -100px;
11.         margin-right: 0px;
12.         margin-bottom: 0px;
13.         margin-left: -325px;
14.         background-image: url("img/splash_seeyousoon.png");
15.         width: 650px;
16.         height: 200px;
17. }
18.  

[Gigi88]

grazie alexain per il chiarimento =D