immagine di sfondo in basso

[drummino^]

Salve a tutti,
vorrei sapere se (e come) è possibile inserire nella home di un sito una immagine di sfondo in basso...

mi spiego meglio.
immaginate la home del sito (in realtà si tratta di una splash screen) che in basso a sx mette una foto di sfondo e in alto (o meglio ancora sulla destra) inserisco un link per accedere alla home.

come posso fare una cosa del genere ?

ovviamente devo impostare il sito ad una risoluzione minima. ma posso farlo o viene uno schifo ?

spero di essermi spiegato, ma vista l'ora ci sta che ve lo debba rispiegare...
grazie
ciao

[oronze]

html, body{
margin: 0;
height: 100%;
width: 100%;
background-image: url(img/sfondo.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}
#div_dx{
postion: absolute;
top: 0;
right: 0;
width:100%;
text-align:right;
}

e poi nell'htm <div id="div_dx">Questo div verrà posizionato in alto a destra</div>
intendi questo?

[drummino^]

si, potrebbe avvicinarsi molto a quello che dicevo... ma iuna cosa...
come faccio con il problema risoluzioni ???

cioè io uso un mac 24" che ha 1920 x 1200

una persona che usa 1024 x 768 ? come lo vedrà ?

come si ovvia solitamente a questo problema di troppe risoluzioni diverse nel mondo ?

grazie

[oronze]

background-position: bottom right;
scusa...bottom left
cmq lo vede sempre uguale...cioè lo sfondo allineato in basso a sx e la scritta in alto a dx

[drummino^]

giusto... ti porto però questo esempio... www.kalisperaviaggi.it
come potrai notare, a qualunque risoluzione metti il monitor lo sfondo rimane quello... come si fa una cosa del genere ?

grazie

[Shores]

No, non è che rimane quello, è che si dilata sempre alla larghezza della pagina...
Infatti, in quel sito lo sfondo è applicato tramite un normale tag IMG che ha Width e Height 100%, a cui viene poi assegnato uno z-index minore di zero.

Ciao!

[oronze]

Originariamente inviato da drummino^
giusto... ti porto però questo esempio... www.kalisperaviaggi.it
come potrai notare, a qualunque risoluzione metti il monitor lo sfondo rimane quello... come si fa una cosa del genere ?

grazie

non avevo capito io allora

[drummino^]

Originariamente inviato da drummino^
giusto... ti porto però questo esempio... www.kalisperaviaggi.it
come potrai notare, a qualunque risoluzione metti il monitor lo sfondo rimane quello... come si fa una cosa del genere ?

grazie

che tradotto in css sarebbe !?

grazie

[drummino^]

Originariamente inviato da oronze
non avevo capito io allora

no no avevi capito... però andando avanti mi si è posto pure questo problema...

grazie mille

[Shores]

In pratica se guardi il sorgente di quel sito lo vedi: all'inizio del body c'è un tag IMG:

[img]tuosfondo.jpg[/img]

Naturalmente questo funziona abbastanza bene per due ragioni: tutto quel sito è concepito per non essere mai più alto o largo dei monitor, probabilmente su una dimensione minima di 800x600, e secondo, l'immagine usata è molto astratta, e quindi si presta ad essere ridimensionata dal browser senza che faccia troppo schifo.