Mam problem z wyrównaniem obrazu w divie. Otóż jest div, któremu narzuciłem maksymalną wysokość (max-height), a w środku obraz, który jest wyższy od zadanej wysokości diva. Obraz jest wyrównywany do górnej krawędzi, a potrzebuję: jeżeli obrazek będzie wyższy niż zadana wysokość diva, obrazek zostanie wycentrowany w pionie.
Poniżej kod żywcem ze strony przeklejony:
<div class="itemImageBlock"> <span class="itemImage"> <a class="modal" rel="{handler: 'image'}" href="/nszz/media/k2/items/cache/5fecdb2bc69575551c549848d9a76974_XL.jpg" title="Kliknij, by podejrzeć ilustrację"> <img src="/nszz/media/k2/items/cache/5fecdb2bc69575551c549848d9a76974_L.jpg" alt="To nie jest kraj dla starych ludzi" style="width:713px; height:auto;"/> </a> </span> </div>
Dodam, że wyrównywanie elementu 'span.itemImage img' przy pomocy vertical-align: middle nie przynosi żadnego efektu