immagine come sfondo del sito

[flic]

come si mette un'immagine di sfondo a tutto schermo? quali devono essere le dimensioni per non avere problemi con le varie risoluzioni?
questo è un esempio: http://www.form.uk.com

[emnlmn]

la tecnica utilizzata da quel sito è piuttosto semplice:
si inserisce un immagine nel codice html che farà da background. si assegnano poi delle regole (css) in modo tale che l'immagine sia posizionata in modo assoluto (in questo caso in riferimento al tag html), nel punto in alto a sinistra nel blocco progenitore a cui si riferisce.
la sua larghezza (impostata tramite width) sarà fluida e pari alla dimensione della finestra del browser.

poi ovviamente dovrai aggiungere qualche formattazione in base al tuo caso e al tuo sito, ma in generale puoi fare così:

<img id="sfondo" hfref="/miosfondo.jpg" alt="sfondo" />

mentre il foglio di stile associato avrà come regola

#sfondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1000px;        /* imposta la larghezza minima dell'immagine, meno della quale non si ridimensionerà più */
  z-index: 1;               /* serve per posizionare l'immagine dietro a tutto, sul "fondo" */
}

[Gufo]

Si può fare anche con un semplicissimo javascript

[flic]

in che modo col javascript?
ho provato la tecnica html + css e l'immagine non va come sfondo ma copre tutto il resto, dove sbaglio?

[Gufo]

Originariamente inviato da flic
in che modo col javascript?
ho provato la tecnica html + css e l'immagine non va come sfondo ma copre tutto il resto, dove sbaglio?

Chiedi nella sezione JS ci sono degli script già pronti

[Tux7000]

ho provato la tecnica html + css e l'immagine non va come sfondo ma copre tutto il resto, dove sbaglio?

Codice HTML

[img]tua_immagine.jpg[/img]

e nel CSS

#sfondo
{
position: absolute;
top: 0;
left: 0;
width: 100%;
min-width: 1000px;
z-index: -1;
}

Così funziona.
Ciao