Centratura/allineamento immagine di sfondo

[d3ntin]

Salve a tutti, sono nuovo del forum e della piattaforma..beh, in realtà sono nuovo anche dello sviluppo di siti web. =)

Sto realizzando il sito per il mio gruppo di rievocazione storica, hostato da altervista, e ho un problema con lo sfondo...il sito ha una immagine di sfondo, di risoluzione 1920x1080. Nel file personal.css ho impostato con successo i parametri fixed e no.repeat perchè lo sfondo sia fisso e non si ripeta. L'immagine rappresenta due cavalieri che, nella mia intenzione, dovevano rimanere ai lati della pagina con i contenuti del sito in modo simmetrico. Il problema sembra esere l'ancoraggio: attualmente sembra ancorata all'angolo superiore sinistro dello schermo, mentre per realizzare la simmetria stavo cercando un modo per allineare il centro dell'immagine con il centro della pagina...è possibile??

Grazie in anticipo per le risposte!

[BRNS.IT]

Salve,

Aggiungi questo al css relativo alla immagine

display: block; margin: 0px auto; text-align: center;

[conti1]

ciao
benvenuto nel forum
se posti il link del sito  e più veloce a vere la soluzione  adeguata.

[d3ntin]

Aggiungi questo al css relativo alla immagine

display: block; margin: 0px auto; text-align: center;

beeene iniziamo a dare sfoggio della mia ignoranza qual è il css...? nella configurazione del template (uso il beez_20) ho questi file:
black.css
general.css
general_konqueror.css
general_mozilla.css
general_opera.css
ie7only.css
ieonly.css
layout.css
nature.css
nature_rtl.css
personal.css
personal_rtl.css
position.css
print.css
template.css
template_rtl.css

il sito è questo: http://veneticamilitia.altervista.org/home/
come dicevo, volevo che i due cavalieri ce ora sono sfasati rispetto alla pagina facessero da "cornice"...ho creato lo sfondo in modo che risultassero simmetrici rispetto ai contenuti...

[BRNS.IT]

Lascia perdere il codice che ti ho postato prima. Andava bene se avevi una immagine <img> e non un background.


Per fare quello che vuoi tu, semplicemente aggiungi center nella linea 19 del file personal.css, facendo diventare il costrutto Body:

Codice: [Seleziona]

body
{
  background: #E0DEDF  url(../images/personal/bg2.png) no-repeat Center;
  color: #333;
  font-family: arial, helvetica, sans-serif;}

[d3ntin]

grandissimo funziona!  grazie infinite!!

praticamente l'opzione center specifica l'allineamento con il centro della pagina in orizzontale, giusto??

e magari è possibile fare lo stesso in verticale... (è una curiosità mia, non mi è necessario per il sito...certo che se magari fosse possibile  )