Плохое отображение ячеек таблицы с помощью Google Chrome / Webkit - PullRequest
Новая
       24

Плохое отображение ячеек таблицы с помощью Google Chrome / Webkit

4 голосов
/ 10 ноября 2009

В следующем коде COL1A и COL3A не имеют высоты 50% с Chrome или Webkit. Он отлично работает с IE7 и Firefox. 

<table border="1">
  <tr>
    <td height="100%">COL 1A</td>
    <td rowspan="2">COL 2</td>
    <td>COL 3A</td>
    <td rowspan="2">
      COL 4<br/>
      COL 4<br/>
      COL 4<br/>
      COL 4<br/>
      COL 4<br/>
      COL 4<br/>
      COL 4<br/>
      COL 4<br/>
    </td>
  </tr>
  <tr>
    <td height="100%">COL 1B</td>
    <td>COL 3B</td>
  </tr>
</table>

Демо : http://dl.dropbox.com/u/255810/Jalios/Demo/TableChrome/table2.html

Я пытался установить различную высоту (на TR или TD). Я также пытался установить изображение с отступом или полем ... но ничего не работает.

Это ошибка Chrome? Есть разворот или чаевые?

Ответы [ 2 ]

0 голосов
/ 28 апреля 2011

, похоже, проблема в WebKit. У меня такие же проблемы с Chrome и Safari. Это появляется при наличии рядов определенной высоты, за исключением некоторых в центре. Только последний будет увеличен, если есть другой столбец с более высоким размахом строк. в горизонтальном положении эта проблема не появляется.

Вы должны использовать другую таблицу в пределах одной ячейки в столбцах 1 и 3. и избегать разрыва строки 

<table border="1">
<tr><td><table height=100%><tr><td height="100%">COL 1A</td></tr>
                <tr><td height="100%">COL 1B</td></tr>
        </table></td>
<td><td>COL 2</td>
<td>COL 3A</td>
<td>
  COL 4<br/>
  COL 4<br/>
  COL 4<br/>
...

Кроме того, вы должны управлять границами для внутренней таблицы, используя css

0 голосов
/ 10 ноября 2009

Для td атрибут height не является частью определения строгого , только в transitional , возможно, WebKit его не реализует. Попробуйте использовать CSS.

Редактировать: с CSS тоже не повезло. Возможно, вам придется использовать одну строку на строку, тогда вы можете использовать правильные атрибуты rowspan для создания ячеек с высотой 50%.

...