Хак блоков с Оперы на Осла

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем -, 14 июл 2009.

  1. Гость

    Коды CSS и Тела:
    Код (Text):
    ul.pic{width:100%;padding:0; margin:0;display:table;}
    ul.pic li{display:table-cell;padding:0; margin:0; padding-top:1%; padding-bottom:1%;list-style:none;text-align:center;}
    div.title {padding:0;margin:0;padding-left:3%; padding-right:3%; padding-top:1%; padding-bottom:1%; color: #b00410; font-weight: bold; font-size: 100%;}
    div.text {padding:0;margin:0;padding-left:3%; padding-right:3%; padding-top:1%; padding-bottom:1%; font-size: 80%;}
    hr.dashed {padding:0;margin:0;width:94%;height:1px;border:none;border-top:1px dashed black;}
    Код (Text):
    <table width="50%" border="0" cellpadding="0" cellspacing="0">
    <tr><td colspan="2"></td></tr>
    <tr>
    <td bgcolor="#dededc">
    <div class="title">Фьючер</div>
    <hr class="dashed">
    <div class="text">Минимальный дизайн и современные материалы оправдывают название "Фьючер" (будущее)</div>
    </td>
    </tr>
    <tr>
    <td bgcolor="#c1c1c1">
    <ul class="pic">       
    <li><a href=""><img src='1.jpg'></a></li>
    <li><a href=""><img src='2.jpg'></a></li>
    <li><a href=""><img src='3.jpg'></a></li>
    </ul>
    </td>
    </tr>
    </table>
    Код работает в Опере следующим образом: Таблица опред размера (мини галлерея) в нее помещается 3 рисунка... они центруются в строке и раздвигаются на равное расстояние по всей ширине строки... при изменении размеров окна.... таблица уменьшается, а 3 рисунка сохр центровку и смещаются... как только расстояние между ними = 0.... таблица фиксируется и ее размер больше уменьшить незя... только увеличить... (уффф надеюсь подробно объянил)...
    На осле этот код никак невоспринимается помогите написсать Хак к нему шоб он работал и там также.... погуглив отыскал небольшую подсказку,что надо использовать:


    Код (Text):
    ul.pic{padding:0; margin:0;display:table;text-align:justify;}
    ul.pic li{display:inline-block;padding:0; margin:auto;text-align:justify; list-style:none;display: inline;width: expression(Math.floor(parentNode.childNodes.length/3)+'px');}
    Примерно такую конструкцию, однако с ней блочные элементы (картинки) переносятся на др строку...
     
Загрузка...

Поделиться этой страницей