mam pewien problem. Mianowicie mam div'y o rozmiarze 320/180 a w nich zdjęcia. Problem jest taki że wszystkie zdjęcia (chodzi tu o zdjecia w orientacji pionowej height > width) przekręcają się do orintacji poziomej o 90 stopni. Używam swipebox'a do wyświetalania zdjęć i tu też wszystki zdjęcia w orintajcji poziomej są wyświetane. Jak wejdę w zródło izdjecia to wyświetal sie prawidłowo - pionowo.
Taki mam kod:
<div class="category_box"> <span id="title"> </span> <div id="header_img"> </div> </div> </a>
div.category_box{ vertical-align: top; display: inline-block; margin: 30px 1%; border: 1px solid #cccccc; width: 320px; height:auto; max-width: 97%; position: relative; cursor: pointer; } div.category_box span#title{ position: absolute; top:-24px; left:0; right: 0; height:20px; text-align: left; font-family: FlexoDemi, sans-serif; font-size: 14px; color: #555555; } div.category_box #header_img{ width: 320px; height: 180px; max-width: 100%; overflow: hidden; } div.category_box #header_img img{ min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; }
Problem jej w moim kodzie? Czy o coś innego chodzi?