CSS: проблема с разрешением

Question

На моем сайте есть три элемента div, заголовок, содержание и нижний колонтитул. У меня есть изображение в заголовке, и я хочу, что при больших разрешениях тоже выглядит хорошо. поэтому я беру большое изображение с шириной 1800 пикселей. так что он выглядит красиво в разрешении 1800, но теперь, в небольших разрешениях (например, 1024), он показывает только первые 1024px моего изображения, но я хочу, чтобы он показывал центр 1024px изображения. так есть какой-либо способ, чтобы установить обратное изображение очень большое, но в небольших разрешениях показать центр часть изображения?

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

Возможно, мне нужно решить проблему с помощью javascript, а затем использовать такую ​​картинку? заблаговременно

Answer 1

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

#header { background-position: center center; } 

Answer 2

Снимите фиксированную высоту.