max-height не спасает
<style>.galcont{ /*паспарту для картин*/
height: 550px;
width: 550px;
background-color: #E7E6E9;
border: 1px solid grey;
margin: auto;
}
#largeImg {
width: 500px;
/* height: 400px;*/
display: block;
margin: auto;
}
</style>
<div class="galcont">
<p><img id="largeImg" src="http://media.professionali.ru/processor/commentimages/original/2011/12/31/500.jpg" alt="Large image"></p>
</div>
Хотел сделать просмотр, но пока не разобрался как.
Так вот, max-height не спасает, потому что при вертикальном img нужно ограничить по высоте - тогда будет маленький width. Горизонталь - наоборот: width на максимум, а height маленький.