Firefox и Chrome добавляют нижнее заполнение 2px к ячейке таблицы, когда внутри ячейки есть iframe в стандартном режиме

Я работал над приложением для интрасети, которое уже много лет работает в режиме причуд во всех основных браузерах . Цель состояла в том, чтобы заставить его работать в стандартном режиме, ничего не ломая, чтобы мы могли использовать некоторые пакеты jQuery. В любом случае моя проблема в стандартном режиме Firefo. x и Chrome добавляет нижний отступ 2px к ячейке таблицы, если внутри ячейки есть iframe. В IE этого не происходит.

Когда я переключаюсь в режим причуд, отступы исчезают в Firefox и Chrome.
Когда я добавляю div вместо iframe, отступы исчезают.
Установка нулевого значения поля ячеек таблицы и расстояния между ячейками не помогает.
Страница iframe src также находится в стандартном режиме.

Вот вам контрольный пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head><title>Test</title></head>
<body style="background:#FFF;">
<table cellpadding="0" cellspacing="0" border="0">
      <tr>
            <td id='browser_td' style='width:1000px; height:500px; margin:0px; padding:0px; background:#000; border-bottom:0px;'>
                  <iframe id='browser_iframe' name='browser_iframe' src="http://houston.craigslist.org/" width='1000' height='500' frameborder="0" hspace="0" vspace="0"></iframe>
            </td>
      </tr>
</table>
</body>
</html>
6
задан Brian Tompsett - 汤莱恩 17 October 2017 в 16:17
поделиться