изображения с высотой в процентах

Question

У меня есть проблема с горизонтальными изображениями «галереей», где я установить высоту до 100% и не установить ширину изображений из-за различные размерами.

Моя проблема заключается в том, что родительский элемент не уменьшается и он остается исходной шириной изображения. Попробуйте изменить размер окна для отображения проблемы. Красный цвет - родительский.

Мне нужно следующее: Исходное изображение будет иметь высоту 70% и будет центрировано по вертикали, изображение установит его высоту на 100% и автоматически изменит ширину в соответствии с разрешением.

Как это выглядит ->http://prntscr.com/2qkoj8

Она должна быть решена в CSS.

Моя проблема можно увидеть на http://helpimage.honzabittner.cz/

Спасибо за помощь и извините за мой английский ... :)

Answer 1

Update

вы можете попробовать что-то вроде

<div id="project-eagle" class="project"> 
    <img src="project/eagle/01.jpg" alt=""> 
    <div class="what">....</div> 
</div> 

заданного проекта для отображения INLINE

Теперь это избавляется от вопроса, где контейнер не изменять размеры правильно но он не вертикально центрирует ваш контент. Вам придется что-то сделать с этим, но это будет так близко, как я могу получить без js.

Answer 2

Да, попробуйте удалить маржинального-право: 14px; в классе проекта р-один