[RISOLTO] Sfondo template scalabile a qualsiasi risoluzione

[krashone]

Buongiorno a tutti,
sto riscontrando alcuni problemi nell'impostare lo sfondo di questo sito www.theoremahouse.it
il background dovrebbe essere scalabile per ogni risoluzione attualmente è ok su 1920x1080 su cui sto lavorando; ma una volta messo ad esempio 1024x768 il sito scala ma lo sfondo no.
mi sapreste aiutare cortesemente
Grazie
PS: ho gia cercato sul forum ma le soluzioni trovate no riesco ad adattarle alla mia situazione

[BelinBelan]

Ciao krashone,


io così:


https://www.google.it/#q=joomla.it%2C+sfondo+qualsiasi+risoluzione&safe=off


ne avre itrovate alcune, forse lo sfondo JPG lo devi mettere nel "body" ? 

[krashone]

Grazie per la celere risposta, in realtà le ho provate tutte ma sicuramente sbaglio in qualcosa
in template.css ho questo:
html, body
{
  height: 100%;
}
body
{
  padding: 0;
  margin: 0;
  min-width: 520px;
  color: #1D2630;
}
come dovrei modificarlo ?
Grazie

[BelinBelan]

ma scusa, hai letto i topic dove compare la scritta [Risolto] ? Se confronti il CSS proposto in quei topic, trovi delle differenze? Se si quali? Se si, dove? 

[krashone]

l'ho avevo gia visionato il topic dove indica questo codice da usare, se non sbaglio:
html {
  background: url(images/sfondo.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 
io ho invece
html, body
{
  height: 100%;
}
body
{
  padding: 0;
  margin: 0;
  min-width: 520px;
  color: #1D2630;
}
 
dove lo inserisco ? ovviamente la riga "images/sfondo.jpg" adatto alle mie esigenze
però non funge sia che lo inserisco in html, body che in body
 

[BelinBelan]

Secondo me non lo devi "inserire" ma sostituire. Cioè, leggendo i topic dove veniva risolta la tua questione, prelevi il codice e lo sostituisci con il tuo e ne osservi gli effetti.


Se re-incolli per la terza volta il codice "tuo", ti avviso che non serve! 

[krashone]

Ho provato anche a sostituire ma niente
sia al posto di html, body
sia al posto di body
sia al posto di entrambi
 

[BelinBelan]

Allora,


nel tuo sito leggo:

Codice: [Seleziona]

html, body {

height:100%;
}

quindi dovresti provare a spostare lì le istruzioni che hai infilato altrove.

[krashone]

difatti li in mezzo ho inserito ma non succede nulla
 

[BelinBelan]

Prova ora e vediamo...


pulisci anche la cache del browser e quella di joomla. 

[krashone]

Allora ho modificato così ... scusa ma ricopio il codice:
pulito la chace di joomla e quella di ie una volta fatto ho cambiato la risoluzione dello schermo a 1024x764 .. quello che è  ... ma lo sfondo non si è ridimensionato
 
 
html, body
{
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}
body
{
  padding: 0;
  margin: 0;
  min-width: 520px;
  color: #1D2630;
}

[BelinBelan]

Vedo che usi sia body nel tuo css e html, body... cancellerei la seconda e terrei solo la prima... fai una prova in quel senso...

[krashone]

lo rimosso ma non è cambiato nulla è apparso solamente una cornice bianca
quindi lo rimesso

[BelinBelan]

ma padding e margin conservali... riprova... mannaggia...

[BelinBelan]

la classe body dovrebbe circa apparire così:

Codice: [Seleziona]

body { background: url('orange_fruit-background-wallpaper-Free.jpg') no-repeat center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

[BelinBelan]

Ora mi accorgo che l'immagine che non scali si trova invece in #artmain  dovresti fare un po' di pulizia nel CSS... 

[krashone]

perfetto era in artmain
ho inserito il codice e adesso scala perfettamente
ti ringrazio tanto soprattutto per la pazienza e la disponibilità