Ciao,
ho un problema con un'immagine. Uso un'immagine come sfondo (bg) che viene controllata da uno script js (lo riporto in seguito) per essere mantenuta sempre in proporzione corretta ed in centro. tutto funziona correttamente.. solo che ho dovuto modificarlo..

codice:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script>
		$(function() {   
		
			var theWindow        = $(window),
			    $bg              = $("#bg"),
			    aspectRatio      = $bg.width() / $bg.height();
			    			    		
			function resizeBg() {
				
				if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
				    $bg
				    	.removeClass()
				    	.addClass('bgheight');
				} else {
				    $bg
				    	.removeClass()
				    	.addClass('bgwidth');
				}
							
			}
			                   			
			theWindow.resize(function() {
				resizeBg();
			}).trigger("resize");
		
		});
		
	</script>
il css:
codice:
#bg { position: fixed; top: 0; left: 0; z-index:-1; text-align: center;  }
		.bgwidth { width:  100%;}
		.bgheight { height: 100%;}
Per richiesta del cliente ho dovuto fare in modo che l'immagine fosse sempre in proporzione, ma che toccasse sempre sopra e sotto la finestra anche quando questa veniva ristretta, tagliando l'immagine ai lati. Io sono riuscito ad ottenere questo modificando il css .bgwidth così:

codice:
#bg { position: fixed; top: 0; left: 0; z-index:-1; text-align: center;  }
		.bgwidth { height:  100%;}
		.bgheight { height: 100%;}
Il problema è che adesso l'immagine non mi si allinea più al centro e quando allargo la finestra mi rimane attaccata a sx.. qualcuno sa aiutarmi?? Io la vorrei sempre in mezzo, centrata.

PS ho già postato nel form di JS ma mi hanno fatto spostare..