• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema Centrare sfondo da css

30 Luglio 2013
45
0
23
Miglior risposta
0
#1 Autore del topic
Ho un problema a centrare lo sfondo via css, o meglio fino alla risoluzione fullhd 1920x1080 lo sfondo viene perfettamente centrato, ma a risoluzioni diverse, esempio 2560 non ostante da css sia centrato, in realtà si allinea tutto a sinistra infischiandosi delle istruzioni.

Ecco come appare attualmente @2560


Ecco come invece vorrei apparisse @2560


Vi posto il codice css, a me sembra tutto corretto, ma così come non và:
Codice:
.bg-site {
    background:url(../images/bg.jpg) no-repeat center top, #000;
    padding-top: 295px;
    background-position-y: -80px;
background-position-x: 1px;
}

.bg-wrapper {
    width: 1000px;
    margin: 0 auto;
    background: #F1F1F1;
    font-family: pfdr;
    line-height: 1.3;
"no-repeat center top," dovrebbe indicare di non ripetere lo sfondo, ed allinearlo in alto al centro, è corretto?

Allora perchè non li rispetta (testato su chrome, firefox, opera, ie)?

Come forzare l'allineamento al centro dello sfondo da css?

Grazie.
 

Kaost

Utente Esperto
27 Aprile 2014
1.273
79
52
Miglior risposta
0
#2
Non è responsive.
Prova ad utilizzare misure non precise (PX) ma le percentuali (%) in particolare nei margin ;)
 

Matheeus

Amministratore
Amministratore
Redattore
28 Dicembre 2006
3.739
356
124
Aversa
Miglior risposta
0
#3
Perché con le due istruzioni in basso "background-position-x/y" stai sovrascrivendo i precedenti stili specificati con l'istruzione "background" (center top).
 
30 Luglio 2013
45
0
23
Miglior risposta
0
#4 Autore del topic
scusate, avrete già capito che non sono un esperto in codice css (leggi non ci capisco nulla o quasi).

Potreste farmi la gentilezza di postare sotto code, il sorgente postato da me corretto, così faccio delle prove e vediamo se risolvo finalmente il problema.

p.s. "responsive" cosa vuol indicare esattamente?

Grazie.
 
Shoutbox
  1. -Sicily94- -Sicily94-: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  2. eskereboyz eskereboyz: https://www.sciax2.it/forum/threads/account-habbo.700424/
  3. DarkKB DarkKB: @999k https://www.sciax2.it/forum/threads/new-luxworld.700391/
  4. 999k 999k: https://www.sciax2.it/forum/threads/ihabbon-project.700336/
  5. 999k 999k: Retro innovativi ne abbiamo?
  6. JaxosItalia JaxosItalia: https://www.sciax2.it/forum/threads/jaxos-hotel.700052/
  7. DarkKB DarkKB: https://www.sciax2.it/forum/threads/new-luxworld.700391/
  8. #KiK #KiK: Amiciiiii
  9. Mr. Aizen Mr. Aizen: Buondì
  10. F FulmineVerde: https://www.sciax2.it/forum/threads/aumentare-prestazioni-del-pc.700408/
  11. -Sicily94- -Sicily94-: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  12. TokosRetro TokosRetro: Salve
  13. -Marco -Marco: Ciao bellissimi!
  14. #KiK #KiK: Siiii
  15. Cristoforo58 Cristoforo58: Kaffeee?!1!1!11 @#KiK
  16. #KiK #KiK: We my friendz
  17. F FulmineVerde: Ci sono vinny e Cristoforo che accedono
  18. F FulmineVerde: Non è stato abbandonato
  19. Alert Alert: C'è un mod che ha l'ultimo login a maggio °-°
  20. Alert Alert: Ma il forum è stato abbandonato o è una mia impressione?
  21. F FulmineVerde: https://www.sciax2.it/forum/threads/problema-paginazione-php-pdo.700399/
  22. #Egzon14 #Egzon14: Che brutta fine che sta facendo Sciax2
  23. DarkKB DarkKB: Ciao, Benvenuto in Sciax2 Forum. La Community tratta di tutto, Giochi online, computer,vita quotidiana
  24. Old.Hunter Old.Hunter: oltre a ciò, potreste dirmi di cosa tratti precisamente questa community?
  25. Old.Hunter Old.Hunter: Ciao a tutti, mi sono appena registrato per vendere un mio servizio
Top