• Авторазмер родительского блока по вложенному изображению

    @DDMargarin Автор вопроса
    В вашем примере нет универсальности в частности для ие6 — width:auto — не работает а у вас указана фиксированная ширина. если без ие6 то всё попроще:
    Добавить вышеуказанному мной коду класс:
    .small {
        display: table; /*внешний слой объявляется таблицей - а таблицы умеют "схлопываться" */
        width: 1px;
    }
    .small .thumbimage {width: auto;}
    

    И в разметке просто убрать фиксированную ширину и верхнему блоку объявить ещё один класс:
    <div class="thumb small"> 
      <a rel="colorbox" href="http://upload.wikimedia.org/wikipedia/ru/6/6a/Anakin_Skywalker.jpg">
        <img class="thumbimage" src=".http://upload.wikimedia.org/wikipedia/ru/6/6a/200px-Anakin_Skywalker.jpg" alt="Нажмите для увеличения">
      </a>
      <div class="thumbcaption">
        <img class="magnify" width="15" height="11" alt="" src="/images/magnify-clip.png">
        <b>>Юный Дарт Вейдер</b>
      </div>
    </div>
    

    До полной универсальности не хватает, что бы класс «small» отменял отступ 2 пикселя справа(забитые под рамку вокруг изображения).
    Для полноценной поддержки ие6 — нужно хакнуть width: auto; и пока я не нашел как.
  • Авторазмер родительского блока по вложенному изображению

    @DDMargarin Автор вопроса
    да, собственно по этому и искал красивое универсальное решение…
  • Авторазмер родительского блока по вложенному изображению

    @DDMargarin Автор вопроса
    Видимо я так и не подобрал нужных ключей для поиска. Именно то, что нужно! Большое спасибо!