Как остановить отображение фона тела между двумя таблицами в Iphone Safari - PullRequest
2 голосов
/ 14 июня 2010

Следующая разметка при просмотре в Safari на Iphone и Ipad отображает цвет фона тела для 1 пикселя между двумя таблицами. Что это такое и как мне это остановить?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Title</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">
  body{
    background:#000;
  }
table{
background:#ffffff;
width:50px;
border:0;
margin:0;
padding:0;  
}
</style>
</head>
<body>
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td>a</td>
    </tr>
  </table>
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td>b</td>
    </tr>
  </table>

</body>
</html>

Ответы [ 2 ]

2 голосов
/ 14 июня 2010

Я позволил себе сбросить вашу разметку в файл на моем сервере:

На моем iPhone нет реального промежутка, но ... алгоритм изменения размера время от времени оставляет некоторое пространство между таблицами при увеличении / уменьшении масштаба.

Это почти наверняка связано с некоторой математикой, которая не идеально выравнивается по пикселю и округляется в соответствии с ближайшей горизонтальной линией. С этим практически ничего не поделаешь, если только вы не прибегнете к окружению таблиц inline-block с таким же набором background-color, как в альтернативном файле, указанном выше.

На моем iPhone альтернативная версия никогда не отображает черные линии между таблицами. Имейте в виду, что теперь следующий элемент будет рядом с inline-block ed, а не под таблицами. Я оставлю решение этого до читателя. подсказка: атрибут css clear.

0 голосов
/ 14 июня 2010

Хм ... Вы обновили Safari?

В Safari 5 у меня нет проблем с этим HTML ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...