Altezza 100% di un box

[ricanto]

Ciao a tutti,

vi espongo, spero in modo chiaro, il mio problema.
Ho uno sfondo che vorrei posizionare in fondo alla pagina, e che resti sempre lì. Pensavo che attribuendo al box l'altezza di 100% e mettendo l'immagine di sfondo in basso, fissa, non ripetuta, questa mi si vedesse. Come posso fare? Allego la bozza di quello che vorrei che mi venisse fuori.

grazie a tutti.

Riccardo.

[Alacazama]

non e ben chiaro ciò che vuoi fare.. forse il tuo problema è mettere lo sfondo alla tua pagina web ma non farlo ripetere? se è tutto qui ti basta fare tramite l'uso dei css così:

body {
	background-image: url(tuacartella/tuofile.xx);
	background-repeat: no-repeat;
}

in caso contrario spiegati meglio.

[eX-Arus]

metti come proprieta' del box:
#box { background: url(immagine.jpg) no-repeat bottom left; }

[ricanto]

Grazie mille a tutti e due per la velocità nel rispondermi.
Per il mio problema ho seguito le indicazioni di eX-Arus, però il box non mi riesce farlo stare in basso... mi galleggia.

Il css, per ora, l'ho fatto così:
------
body
{
background-attachment: fixed;
background-color: #E5E5E5;
background-image: url(img/bg.jpg);
background-repeat: repeat-y;
background-position: center bottom;
}
#contenitore {
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 505px;
height: 100%;
background-attachment: fixed;
background-position: center bottom;

background-image: url(img/bg_box.jpg);
}
------
dove bg.jpg è la cornice ombreggiata e bg_box.jpg è l'immagine di sfondo.
Perchè l'altezza 100% non mi prende tutto lo schermo?

Scusatemi, ma non ci esco.

Ciao Riccardo.

[eX-Arus]

purtroppo la proprieta' height:100% nn la riconosce praticamente nessun browser, il fatto e' che nel caso dell'height il valore 100% e' molto ambiguo e puo' essere interpretato il vari modi.


per il tuo problema potresti fare cosi':

/* il tag html ricopre tutta la pagina*/
html { background-color: #E5E5E5 url(img/bg.jpg) repeat-y center top; }

/* il tag body ricopre la quantita di pagina usata */
body { margin:0;padding:0; background: url(img/bg_box.jpg) no-repeat center bottom; }