Как отобразить картинку посередине?

[radiante]

Помогите с этими пунктами кто знает. Спасибо!

1. Как сделать отображение картинки на html странице по центру? Картинка шириной 2048 точек, если ширина окна браузера меньше, то она должны обрезаться и слева и справа одинакого.

2. Минимальная ширина страницы без горизонтальной полосы прокрутки это 1024, только при меньшем ширине окна полоса должна появляться.

3. При перевороте экрана планшетника туда обратно должно все возвращаться в исходное положение, а масштаб ширини изменяться, т.е. именно 1024 точек отображаться по ширине во всех положениях платшетника, как это сделано на сайте ya.ru

 

[С.]

А в чем помогать-то? Что уже сделано?

 

[radiante]

А в чем помогать-то? Что уже сделано?

пробовал через CSS: background-position , но

если так

background-attachment: fixed;
background-position: 50% 0%;

то картинка по центру, но она стоит на месте при вертикальной прокрутке страницы

если так

background-attachment: scroll;
background-position: 50% 0%;

то она не по середине...

 

[radiante]

сделал так, заработало и пункт 1 и 2

body {
width:100%;
min-width:1000px;
margin:0;
padding:0;
}

#img {
background:url('image.png') no-repeat center;
width:100%;
height:361px;
}