display:table и overflow: hidden

[NatalieZ]

Добрый день

 

Задача: табличная верстка. В ячейках изображения разных размеров. Для вывода картинок одинакового размера использовалось overflow:hidden http://codepen.io/anon/pen/jfCEb , что в любом случае меняет высоту ячеек на размеры спрятанной части картинок http://codepen.io/anon/pen/gJqGK . 

 

Вопрос: возможно ли это без отрицательных отступов и фиксированной высоты ячеек? Интересует именно вариант табличной верстки.

 

Спасибо.

[Switch74]

если у вас размеры ячеек не фиксированные, то они по умолчанию растянутся по контенту, да и overflow без указания размеров не работает

фиксацию размеров делать придется обязательно а вот картинки можно вставлять фоном

[klierik]

если требуется что бы все картинки были одной высоты, то 

.fr_img > img { height: 100%; }

должен сработать

[NatalieZ]

если требуется что бы все картинки были одной высоты, то 

.fr_img > img { height: 100%; }

должен сработать

Спасибо большое. Это помогло.