Резиновый фон

[megabug]

Добрый день.

Задача слудующая, есть изображение размером 2800x2800, нужно сделать так, что бы картинка отображалась на всю страницу, а все, что выходит за границы обрезалось. То есть больше разрешение - больше видишь. Например здесь http://shtokman.ru/ сделано в точности то, что мне нужно, но к сожалению моего опыта как верстальщика не хватает на то, что бы разобраться самому.

[zSpx]

Ну обычная резиновая верстка. Задай самому верхнему контейнеру ширину 100% и вставь в фон картинку, спозиционируй ее как тебе нужно. Только 2800х разрешение нереально большое, 30" мониторы которыми пользуется единицы имеет разрешение 2560х1600, для сайта максимум 1920х1200 это fullHD широкоформатник 16/10, и то, лучше делать по бокам градиент плавно переходящий в цвет фоновой заливки.

[psywalker]

Добрый день.

Задача слудующая, есть изображение размером 2800x2800, нужно сделать так, что бы картинка отображалась на всю страницу, а все, что выходит за границы обрезалось. То есть больше разрешение - больше видишь. Например здесь http://shtokman.ru/ сделано в точности то, что мне нужно, но к сожалению моего опыта как верстальщика не хватает на то, что бы разобраться самому.

Картинку вставляешь фоном в body допустим. Далее:

Растягиваешь

html,body {height: 100%;}

а после

body {
    overflow-x: hidden;