Cube

Это для приемлемого варианта. В идеале хотелось бы, чтобы картинка, дойдя до нижнего края страницы (плюс отступ) прекратила изменять размеры. То есть, в идеальном варианте, картинка растягивается до тех пор, пока не упрется в границы по ширине или высоте.

Если честно, у меня уже "сборная" из трех подобных статей. Четвертую статью уже реализовывать не хочется, т.к. я пока не понимаю, что я не так сделал на данном этапе. Люблю идти последовательно Ну, давайте по-порядку Проблема 1: На текущий момент, если растянуть окно браузера в ширину, то картинка выходит на пределы браузера снизу, а скролла так и не появляется. Кстати, вот пример из первого поста: http://jsfiddle.net/rcdnQ

Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 картинка не может прижаться к краю экрана, то есть отступы должны быть не менее установленного. 2). Приемлемый вариант. 2.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине. Если картинка не входит по высоте, появляется вертикальная полоса прокрутки. Желательно, чтобы картинка не растягивалась более оригинального размера. 2.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 2.3). В п 2.1 и 2.2 картинка не может прижаться к краю экрана, то есть отступы должны быть не менее установленного. 3). Фиговенький вариант. 3.1). Картинка имеет исходный размер и полосы прокрутки. Картинка не прижимается к краю экрана, и имеет отступы. P.S. Пробовал сделать то же самое на таблицах, но тоже не получилось... Пинать можно, даже нужно )