помогите с фоном

суть в следующем:
есть рисунок для фона, на рисунке ниже для примера (серый фон это будет фоновой рисунок) если зашли например с телефона, высота экрана больше чем ширина, то что бы отображалось то что выделено красным (т.е. что б высота рисунка на 100%, а ширина как влезит), если телефон расположить горизонтально или с пк зашли, что бы показывало тож, что в красном и по бокам остальное дорисовывалось, что влезит.


Нажмите для увеличения

Ex, бэкграунду можно задать положение в процентах. Угадайте какое значение нужно поставить в сдвиге по горизонтали.

если вы намекаете на 100% то это не подходит
мне над что б рисунок мой (размером 1600х1200) не растягивался и не сужался, а имено обрезался если экран меньше.
ну как на картинке сверху: если с телефона например, то отображается ток то, что в красной рамке, с ПК все.

(Отредактировано автором: 05 Июня, 2014 - 20:24:06)

Ex, нет, не про 100%. Вам же по центру нужно, а не у правого края.
Читать тут http://htmlbook[dot]ru/css/background-position и в будущем перед тем как задать вопрос на форуме лучше посмотреть как минимум там.

(Отредактировано автором: 05 Июня, 2014 - 20:43:40)

не ну это да, но при этом, мне нужно что бы, по высоте оно регулировалось!
что бы картинка подстраивалась под высоту экрана, что бы по высоте рисунок был виден на 100% и сохраняла соотношение размеров рисунка

(Отредактировано автором: 05 Июня, 2014 - 20:57:08)

Ex, это не единственное свойство бэкграунда ;) Есть еще 2 из CSS3 clip и size