Как сверстать картинки мозайкой?

Question

[Евгений Самойленко]

Добрый день всем!
Подскажите пожалуйста, как сверстать такой вот блок с фотографиями. Примечание в том, что они должны быть расположены точно так же, как и на скрине, и при этом - резиново.

Я сверстал, Посмотреть здесь
Ясное дело - рушатся пропорции, а это, как известно, не дело.
Пробовал плагины automatic-image-montage mansonry они не подходят, т.к. там изображения не так модифицируются, и порядок ломается.

Подскажите, как можно решить проблему? Или без редизайна никак?

Answer 1

[Serj-One]

Ширину блоков указываете в процентах, картинки ставите не внутрь, а фоном блоков с background-size: cover;

Comments

[Евгений Самойленко]

Так и планировал сделать!

Answer 2

[Ksider]

ищи masonry и подобное

Comments

[Евгений Самойленко]

Написал же, что не подходят,пробовал.

[Ksider]

я не очень понял что вы использовали и в чем оказался косяк.

Answer 3

[Вадим Белкин]

Присоединяюсь к совету выше, masonry или isotope. Посмотрите настройки внимательнее, там можно указывать порядок.

Comments

[Евгений Самойленко]

не подходят. Тем более изотоп

[Вадим Белкин]

Разбейте на два или три контейнера, и все через float. Размеры в процентах