Проблема с интерполяцией IE со строками таблицы

Я пытаюсь добавить интервал в нижней части строк в таблице, и он отлично работает с Chrome. Но интервал не отображается в IE 8.0Проблема с интерполяцией IE со строками таблицы

Любые альтернативы используемому методу?

CSS

tr.spaceUnder > td 
{ 
padding-bottom: 7px; 
}

HTML

<table width="105%"> 

      <tr class="spaceUnder"> 
         <td><p>Friday, June 8th<br> 
       <a href="https://www.facebook.com/events/357722824277712/" target="_blank" onMouseOver="MM_swapImage('band','','images/awatson.jpg',1)" onMouseOut="MM_swapImgRestore()">Aaron Watson</a></p> 
      </td> 
      <td valign="bottom"><a href="http://www.ticketfly.com/event/122695/"><img src="http://www.bigtexassaloon.com/images/tix.png" border="0"></a> 
         </td> 
         </tr> 

      <tr class="spaceUnder"> 
       <td> 
       <p>Thursday, June 14th<br> 
          <a href="https://www.facebook.com/events/180258595433140/" target="_blank" onMouseOver="MM_swapImage('band','','images/acoustic.jpg',1)" onMouseOut="MM_swapImgRestore()">Five Man Jam</a><br /> 
           &nbsp;&nbsp;Joe Blake<br />&nbsp;&nbsp;Neil Austin Imber<br />&nbsp;&nbsp;Eric Middleton<br />&nbsp;&nbsp;Stephen Chadwick<br />&nbsp;&nbsp;Ryan Lee Evans</p> 
          </td> 
      </tr> 
</table>

источник

2012-06-07 syllable3

Вы можете опубликовать снимок экрана, если это возможно? –

ли вы объявляете доктайп в вашем HTML?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

источник

2012-06-07 03:22:40 chadpeppers

Я добавил, что и это разнесло, однако, теперь оно показывает слишком много интервалов, и я не уверен, как ограничить его до определенной суммы. Hre - ссылка на рассматриваемый сайт. http://bigtexassaloon.com/clearlake.html Проблема теперь в Chrome и IE – syllable3

Удалите > символ из декларации tr.spaceUnder > td. Это было бы необходимо, только если бы внутри ячейки были внутренние таблицы (и даже тогда было бы лучше ограничить эффект каким-то другим способом).

В Quirks Mode IE не распознает такие селектора CSS3, которые используют оператор >. Некоторые старые браузеры не распознают их в любом режиме. Избегайте их использования, когда существует простая альтернатива.

На вашей странице, вероятно, отсутствует объявление doctype или есть объявление, которое помещает IE в режим Quirks (например, HTML 4.01 Transitional doctype без URL-адреса).

На странице также есть проблема с совместимостью с браузером, хотя вы, возможно, имели дело с кодом CSS, который не был раскрыт в вопросе. Когда у вас есть элемент p в качестве единственного содержимого элемента td, некоторые браузеры подавляют нормальные верхние и нижние поля по умолчанию для элемента p, по крайней мере, в режиме Quirks. Современные браузеры в «стандартном режиме» обычно этого не делают, а это означает, что имеется значительное вертикальное расстояние выше и ниже абзаца.

Это можно обработать, установив поля для p явно в CSS. Но разметка вроде <td><p>...</p></td> обычно не служит полезной цели, а разметка p лучше всего пропускать, избегая проблемы.

источник

2012-06-07 04:34:08

Проблема с интерполяцией IE со строками таблицы

ответ

Смежные вопросы