Sfondo centrato di dimensione fissa...ma problema su iphone e ipad!

[alemwd]

Salve community! Allora, vi espongo il problema:

giorni fa ho chiesto aiuto qua http://forum.joomla.it/index.php/topic,132085.msg586605.html#msg586605 per cambiare il modo in cui era visualizzato lo sfondo del template http://emiliana2011.altervista.org , che prima era composto da un quadrato di tot pixel che si ripeteva e ora invece è un .jpg di 1920x1080, con lo sfondo che sta centrato.

il problema è che su pc, anche su schermi con risoluzioni diverse, funziona bene, mentre su ipad e iphone sballa! metto due screen sotto:

visualizzato bene sul pc: http://img851.imageshack.us/i/dsc0002fa.jpg/
sballato su ipad: http://img852.imageshack.us/i/dsc0003di.jpg/

[alemwd]

edit (post inutile)

[adottauncane]

Ciao alemwd,
non so se servirà, in ogni caso allegerisce, togli lo sfondo che non serve da qui:

Codice: [Seleziona]

body > .bg {
    background: url("../images/sfondobase.jpg") no-repeat scroll 50% 0 #FFFFFF;
}style1.css (riga 45)

Codice: [Seleziona]

body > .bg {
    background: url("../images/style1/main_bg.jpg") repeat scroll 0 0 transparent; <----- via
    padding-bottom: 1px;
}template.css (riga 21)

[alemwd]

non ho capito...mi hai messo il codice che mi avevi detto di mettere...devo toglierlo? scusa ma sono brocco, cio che per te è scontato per me non lo è!

[adottauncane]

No, non devi togliere quello che ti ho detto di mettere, devi togliere l'altro che è rimasto sotto, magari gli dà fastidio. Hai due richiami per lo sfondo, uno nel file style1.css e lo lasci e l'altro nel file template.css e lo togli. Guarda l'indicazione del post sopra.

[alemwd]

No, non devi togliere quello che ti ho detto di mettere, devi togliere l'altro che è rimasto sotto, magari gli dà fastidio. Hai due richiami per lo sfondo, uno nel file style1.css e lo lasci e l'altro nel file template.css e lo togli. Guarda l'indicazione del post sopra.

scusa! fatto...ma non funge, sempre sballato! hai visto i due screen che ho postato nel primo post del thread?

[adottauncane]

Prova ad aggiungere i margin così, qui:

Codice: [Seleziona]

#mainPage {
    margin-bottom: 23px;
    margin-left: auto !important;
    margin-right: auto !important;
}
template.css (riga 46)

[alemwd]

Prova ad aggiungere i margin così, qui:

Codice: [Seleziona]

#mainPage {
    margin-bottom: 23px;
    margin-left: auto !important;
    margin-right: auto !important;
}
template.css (riga 46)

non va, ufffffff sono nella cacca se non risolvo

[alemwd]

qua va ad esempio: http://mobiluce.altervista.org/ si vede bene sia su pc che su ipad (solo leggermente tagliato ai lati)

è sempre un sito che ho fatto io

[adottauncane]

Ma hai già tolto i margin? Io non li vedo...

[alemwd]

Ma hai già tolto i margin? Io non li vedo...

sisi li ho tolti perche su ipad lo visualizzava ancora peggio! li rimetto?

[adottauncane]

No, no... se si vede ancora peggio  Non ho l'ipad, quindi non posso vedere. Mancherà qualcosa nei css. L'altro che va bene ha i css apposta per l'ipad?

[alemwd]

non ne ho idea, l'altro template lho usato cosi comè

[alemwd]

nessuno?