CSS: problème de résolution

Question

mon site a trois éléments div, en-tête, contenu et pied de page. J'ai une photo en entête, et je veux, que sous de grandes résolutions aussi ça a l'air sympa. donc je prends une grande image, avec une largeur de 1800px. par tellement il semble beau dans la résolution de 1800, mais maintenant, dans de petites résolutions (par exemple 1024), il montre seulement les premiers 1024px de ma photo, mais je veux qu'il montre le centre 1024px de l'image. donc est-il possible, pour définir l'image backgound très grande, mais dans les petites résolutions center partie de l'image?

#header 
{ 
    background-image:url(../img/bg_header1.jpg); 
    background-repeat:no-repeat; 
    height:357px; 
    width:100%; 
} 

peut-être que je dois chek la résolution par javascript, et ensuite utiliser cette image? merci d'avance

Answer 1

http://www.htmldog.com/reference/cssproperties/background-position/

#header { background-position: center center; } 

Answer 2

Supprimer la hauteur fixe.