• 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.738
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-: Cerco beta testers, o persone che cercando un retro fatto come si deve: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  2. XxxMarcoxxX XxxMarcoxxX: https://www.sciax2.it/forum/threads/nuova-app-novembre-2019-5-eur-di-benvenuto-5-eur-per-ogni-amico-a-che-inviti.700640/
  3. #KiK #KiK: Come guadagnare fino a 10.. *tosse* centesimi in un giorno
  4. TakeoMasaki TakeoMasaki: Salve! Date un occhiata: https://www.sciax2.it/forum/threads/guadagnare-fino-a-1000eur-al-giorno-jupvideo-com.700635/
  5. Cristoforo58 Cristoforo58: :))
  6. 404Error 404Error: Mi fa piacere che questo forum sia ancora in piedi... Quanti giorni interi passati qui dentro!!!
  7. -Sicily94- -Sicily94-: Giorno, cerco beta testers, o persone che cercando un retro fatto come si deve: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  8. #KiK #KiK: Amicii
  9. Cristoforo58 Cristoforo58: Ti ho inviato un PM
  10. -Sicily94- -Sicily94-: Giorno, se cè un MOD disponibile potrebbe contattarmi? Grazie
  11. Carlos. Carlos.: https://www.sciax2.it/forum/threads/joox-full-automated-account-shop.700606/
  12. DarkKB DarkKB: https://www.sciax2.it/forum/threads/habbor-hotel-online.700555/
  13. DjLolOwna DjLolOwna: ho bisogno di una mano
  14. DjLolOwna DjLolOwna: chi è bravo in java?
  15. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: *PER I PROGETTI CONTATTATEMI*
  16. -Sicily94- -Sicily94-: Ciao, sto cercando persone per questo progetto: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  17. Snowierthrone Snowierthrone: https://www.sciax2.it/forum/threads/anti-virus-tool-per-scovare-backdoor-o-altri-virus-in-file-jar.700600/
  18. Askarymt2 Askarymt2: Va' ancora metin su questo forum?
  19. minaminohw minaminohw: conosce sito per vpn gratuite e affidabili?
  20. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: Ciao
  21. minaminohw minaminohw: yeao
  22. #KiK #KiK: rispondete please in amore e sentimenti
  23. F fabioref: Ragazzi quale admin posso contattare per assistenza?
  24. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: Sera
  25. #James #James: ueeeeeeee
Top