Помогите с CSS под IE

Тема в разделе "Веб-дизайн", создана пользователем k0missar, 10 апр 2011.

Модераторы: zek24
  1. k0missar

    k0missar

    Регистр.:
    20 сен 2008
    Сообщения:
    200
    Симпатии:
    25
    Создал прайс лист на CSS
    Под Оперой и Фаерфоксом работает, все мне нравится, а вот под ИЕ полный 0
    Код:
    /*Общее описание стиля таблицы*/
    .features-table
    {
      width: 100%;
      margin: 0 auto;
      border-collapse: separate;
      border-spacing: 0;
      text-shadow: 0 1px 0 #fff;
      color: #2a2a2a;
      background: #fafafa;
      background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff);
      background-image: -webkit-gradient(linear,center bottom,center top,
    
    from(#fff),color-stop(0.5, #eaeaea),to(#fff));
    }
     
    /*Описываем свойства ячейки*/
    .features-table td
    {
      height: 50px;
      line-height: 50px;
      padding: 0 20px;
      border-bottom: 1px solid #cdcdcd;
      box-shadow: 0 1px 0 white;
      -moz-box-shadow: 0 1px 0 white;
      -webkit-box-shadow: 0 1px 0 white;
      white-space: nowrap;
      text-align: center;
    }
     
    /*Body*/
    .features-table tbody td
    {
      text-align: center;
      font: normal 12px Verdana, Arial, Helvetica;
      width: 150px;
    }
     
    .features-table tbody td:first-child
    {
      width: auto;
      text-align: left;
    }
     
    .features-table td:nth-child(2), .features-table td:nth-child(3)
    {
      background: #efefef;
      background: rgba(144,144,144,0.15);
      border-right: 1px solid white;
    }
     
    .features-table td:nth-child(4)
    {
      background: #e7f3d4;
      background: rgba(184,243,85,0.3);
    }
     
    /*Шапка*/
    .features-table thead td
    {
      font: bold 1.3em 'trebuchet MS', 'Lucida Sans', Arial;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-topleft: 10px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      border-top: 1px solid #eaeaea;
    }
     
    .features-table thead td:first-child
    {
      border-top: none;
    }
     
    /*Футер*/
    .features-table tfoot td
    {
      font: bold 1.4em Georgia;
      -moz-border-radius-bottomright: 10px;
      -moz-border-radius-bottomleft: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      border-bottom: 1px solid #dadada;
    }
     
    .features-table tfoot td:first-child
    {
      border-bottom: none;
    }
    
    
    
    <table class="features-table">
    <thead>
    <tr>
    <td>Цены на листовой<br>Пеноизоил</td>
    <td>за куб. метр</td>
    <td>Объём</td>
    <td>Толщина<br>листа</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Пеноизоил</td>
    <td>от 800</td>
    <td>7-15</td>
    <td>7-50 см</td>
    </tr>
    <tr>
    <td>Пеноизоил</td>
    <td>от 750</td>
    <td>16-39</td>
    <td>7-50 см</td>
    </tr>
    <tr>
    <td>Пеноизоил</td>
    <td>от 700</td>
    <td>71-100</td>
    <td>7-50 см</td>
    </tr>
    <tr>
    <td>Пеноизоил</td>
    <td>от 680</td>
    <td>16-39</td>
    <td>7-50 см</td>
    </tr>
    <td>Пеноизоил</td>
    <td>от 650</td>
    <td>> 101</td>
    <td>7-50 см</td>
    </tr>
    </tbody>
    </table>
    
    <br>
    <table class="features-table">
    <thead>
    <tr>
    <td>Цены на дробленый<br>Пеноизоил</td>
    <td>за куб. метр</td>
    <td>Объём</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Пеноизоил</td>
    <td>от 680</td>
    <td>7-15</td>
    </tr>
    <tr>
    <td>Пеноизоил</td>
    <td>от 650</td>
    <td>16-39</td>
    </tr>
    <tr>
    <td>Пеноизоил</td>
    <td>от 640</td>
    <td>71-100</td>
    </tr>
    <tr>
    <td>Пеноизоил</td>
    <td>от 600</td>
    <td>16-39</td>
    </tr>
    <td>Пеноизоил</td>
    <td>от 550</td>
    <td>> 101</td>
    </tr>
    </tbody>
    </table>
    
    <br>
    <table class="features-table">
    <thead>
    <tr>
    <td>Наименование работы</td>
    <td>Цена</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Заполнение в готовые полости <br>жидкий пеноизоил</td>
    <td>1450 - 1900</td>
    </tr>
    <tr>
    <td>Заполнение жидким пеноизоилом <br>с подготовкой полости</td>
    <td>цена договорная</td>
    </tr>
    <tr>
    <td>Утепление домов под ключ <br>(стены, пол, крыши и т.д.)</td>
    <td>цена договорная</td>
    </tr>
    </tbody>
    </table>
    
    <br>
    <table class="features-table">
    <thead>
    <tr>
    <td>Выезд в район работ</td>
    <td>Цена</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Ипатовский район</td>
    <td>ххх</td>
    </tr>
    <tr>
    <td>Ставропольский край</td>
    <td>ххх</td>
    </tr>
    <tr>
    <td>Республика Калмыкия</td>
    <td>ххх</td>
    </tr>
    </tbody>
    </table>
     

    Вложения:

  2. pavloff

    pavloff

    Регистр.:
    5 авг 2007
    Сообщения:
    265
    Симпатии:
    39
    Пропиши пэддинги каждый для своей ориентации а не 0 20
     
  3. vladimir908

    vladimir908 Писатель

    Регистр.:
    1 окт 2009
    Сообщения:
    4
    Симпатии:
    1
    Ту на днях ну ruseller.com видел интересный скрип:)Там есть встроенный адаптер для IE всех версий

    Добавлено через 1 минуту
    Перейти по ссылке
     
    stan2022 нравится это.
  4. BLACK ANGEL VAMPIRO

    BLACK ANGEL VAMPIRO Постоялец

    Регистр.:
    4 мар 2010
    Сообщения:
    65
    Симпатии:
    7
  5. troop3r

    troop3r Постоялец

    Регистр.:
    14 ноя 2009
    Сообщения:
    138
    Симпатии:
    22
    проблема в first-child и nth-child, ie6-7 их не понимает, поэтому игнорирует и не обрабатывает.