Блог

Я создаю галерею, но кажется, что каждый раз, когда я изменяю размер окна браузера, какая-то часть (раздел «Информация о галерее») не реагирует на изменение размера немедленно, мне нужно навести на нее курсор, чтобы она обновилась и переместилась туда, где она должна быть. У кого-нибудь есть подобный опыт?

website:www.test.com

ссылка на изображение: http://i405.photobucket.com/albums/pp133/trancisky/ScreenShot2014-06-14at91954PM.png

Мой html для каждой плитки:

   <div class="main-wrapper">
  <div class="section first">
    <div class="container">
      <div class="portfolio-grid portfolioContainer ">
       <ul id="thumbs" class="col3"><li class="item">
      <div class="portfolio-image-wrapper">
      <img src="assets/img/gallery/1.jpg" alt="" />
      <div class="edit-menu">
        <a href="#" target="_blank">Rename</a>
        <a href="#" target="_blank">Delete</a>
      </div>
      <div class="item-info-overlay">
        <a class="hideModelLink" href="#">ModelLink</a>
      </div>
    </div>
    <div class="item-info">
      <h4 class="text-dark no-margin title semi-bold"><a class="" target="_blank" href="#">Mobile App</a></h4>
      <p>4/15/2014</p>
    </div>
    <a class="edit-button"></a>
    <div class="clearfix"></div>
  </li>
  

Мой css для ‘item-info’ (div, который не реагирует на изменение размера):

 .item-info {
    float: left;
    margin-top: 0;
    padding: 10px 17px;
    max-width: 200px;
}
.item-info h4.title{ 
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
}
  

Спасибо!