problema con la gestione di un layout

[GordonMX]

Ciao, ho un problema con il layout del mio sito www.bozoglu-art.com/newsite -> al momento, come vedrete ho un <div> (box) che ne contiene tre: uno che mostra l'immagine in alto, uno che contiene il contenuto del sito ed un altro che contiene l'immagine di fine pagina. Ecco il CSS:

#box {
	position:static;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	width:1680px;
	height:1024px;
}

#top {
	position:static;
	left:-16px;
	top:0px;
	width:1680px;
	height:169px;
	background:url(../images/top.gif) 100% 0 no-repeat;
}

#contenitore {
	position:static;
	left:-16px;
	top:0px;
	width:1680px;
	min-height:600px;
	background:#ccc;
}

#bottom {
	position:static;
	left:-16px;
	top:-50;
	width:1680px;
	height:315px;
	background:url(../images/bottom.gif) 100% 0 no-repeat;
}

Ora l'immagine di fine pagina è statica ad una certa posizione, io vorrei che si trovasse sempre a, diciamo, 570px dal top della pagina ma si espandesse se il contenuto va oltre quella cifra.

Grazie mille per il prezioso aiuto!!!

[GordonMX]

upp

[Mich_]

In un posizionamento statico (quello default), non puoi definire top ne` left, bottom, right.
L'ordine dei valori nel tuo background e` sbagliato: l'ordine corretto e`:
color image repeat attachment position
Dentro il background-position l'ordine e`:
X Y
se definisci almeno uno degli elementi con un valore numerico (px, em o %), viceversa se sono ambedue mnemonici.

Il min-height del contenitore centrale e` corretto per definire una sua altezza minima; pero` in IE (quirks mode) non funziona: occorre l'apposito hack
Pero` in tal caso anche height del contenitore deve essere definito come min-height, altrimenti crei un conflitto tra i due e il footer potrebbe sparire.

Infine mi permetto di contestare le misure esagerate che usi in larghezza: quasi tutti i visitatori dovranno scrollare in orizzontale, cosa che non e` decisamente un bel biglietto da visita.

[GordonMX]

grazie mille..il tuo aiuto è stato molto utile