Отображение таблицы в Google Chrome

Question

Отображение таблицы в Google Chrome

0 голосов

Всем привет! Создал на сайте таблицу. В браузере Firefox она отображается так:
Рисунок

а Chrome она отображается так:
Рисунок

Не могу понять причину. Вот код таблицы на html:

Код

<table align="left" width="217" height="278" cellspacing="0" cellpadding="0" border="1"> 
  <tbody> 
    <tr><td align="center"><b>d(мм)</b></&#8203;td><td align="center"><b>&#8203;Шумоглушитель 
       <br />
      круглый</b></td></tr>
   
    <tr><td align="center"><b>100</b></td>&#8203;<td align="center">965</td></tr>
   
    <tr><td align="center"><b>125</b></td>&#8203;<td align="center">989</td></tr>
   
    <tr><td align="center"><b>160</b></td>&#8203;<td align="center">1110</td></tr>
   
    <tr><td align="center"><b>200</b></td>&#8203;<td align="center">1218</td></tr>
   
    <tr><td align="center"><b>250</b></td>&#8203;<td align="center">1495</td></tr>
   
    <tr><td align="center" valign="top"><b>315 
       <br />
      </b></td><td align="center" valign="top">2123 
     <br />
    </td></tr>
   
    <tr><td align="center"><b>355</b></td>&#8203;<td align="center">2525</td></tr>
   
    <tr><td align="center"><b>400</b></td>&#8203;<td align="center">3073</td></tr>
   
    <tr><td align="center"><b>450</b></td>&#8203;<td align="center">3479</td></tr>
  </tbody>
</table>

Вне системы bitrix создавал страницу с такой таблицей и проверял в обоих браузерах - в обоих отображается корректно. Значит битрикс что-то меняет в таблице.
Может изменить каскадные таблицы стилей? Или еще что-то. Подскажите пожалуйста.

спросил 21 Дек, 13 от Vatar (200 баллов)

Ваш комментарий к вопросу:

Напишите мне, если после меня будет добавлен комментарий:

Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.

Анти-спам проверка:

[captcha placeholder]

Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

Ваш ответ

Отправить мне письмо на это адрес если мой ответ выбран или прокомментирован:

Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.

Анти-спам проверка:

Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

4 Ответы

score 0 · Answer 1

0 голосов

Битрикс тут не причем - смотрите свой doctype

Желательно не забывать про border-collapse:collapse и border: 1px solid #тырым-пырым.

P.s. и что это все новички ругают битрикс-то? Сами подумайте, чудес не бывает и просто так браузер как попало выводить данные не будет. Значит смотрите внимательно на свой <header>, стили и js-скрипты

ответил 08 Март, 14 от Cyber (540 баллов)

Ваш комментарий к ответу:

Напишите мне, если после меня будет добавлен комментарий:

Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.

Анти-спам проверка:

[captcha placeholder]

Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

score 0 · Answer 2

0 голосов

Я думаю на таблицу накладываются стили.

ответил 28 Июнь, 14 от LEDOKOL (740 баллов)

Ваш комментарий к ответу:

Напишите мне, если после меня будет добавлен комментарий:

Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.

Анти-спам проверка:

[captcha placeholder]

Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

score 0 · Answer 3

0 голосов

Еще может быть так, что какие-то стили именно шаблона битрикса перекрывают стили таблицы - например что-то в духе

Код
table td { border: none; }

Фаерфокс может и не отреагировать на это, увидев наличие общих границ у таблицы.
Посмотрите в Хроме с помощью Dev Tools (Alt+Shift+I) - какие стили у вас применены к ячейкам.

ответил 28 Окт, 14 от HeJIJIu (630 баллов)

Ваш комментарий к ответу:

Напишите мне, если после меня будет добавлен комментарий:

Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.

Анти-спам проверка:

[captcha placeholder]

Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

score 0 · Answer 4

0 голосов

Цитата

Евгений Смолин пишет:
Битрикс тут не причем - смотрите свой doctype

Желательно не забывать про border-collapse:collapse и border: 1px solid #тырым-пырым.

P.s. и что это все новички ругают битрикс-то? Сами подумайте, чудес не бывает и просто так браузер как попало выводить данные не будет. Значит смотрите внимательно на свой <header>, стили и js-скрипты

Вот смотрите: страницу я создавал не вручную, а встроенными средствами битрикса => моим на ней является только контент, а все, что выше тега <body> битрикс взял на себя. Таблицу я тоже создал встроенными средствами битрикса (ввел количество строк, колонок и битрикс сгенерировал таблицу).

Цитата
d4rkolian пишет: Фаерфокс может и не отреагировать на это, увидев наличие общих границ у таблицы. Посмотрите в Хроме с помощью Dev Tools (Alt+Shift+I) - какие стили у вас применены к ячейкам.

Посмотрел, Хром выдал мне следующее:

<table align="left" width="435" height="193" cellspacing="0" cellpadding="0" border="1">

ответил 26 Фев, 15 от Vatar (200 баллов)

Ваш комментарий к ответу:

Напишите мне, если после меня будет добавлен комментарий:

Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.

Анти-спам проверка:

[captcha placeholder]

Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

Блог

Отображение таблицы в Google Chrome

Ваш комментарий к вопросу:

Ваш ответ

4 Ответы

Ваш комментарий к ответу:

Ваш комментарий к ответу:

Ваш комментарий к ответу:

Ваш комментарий к ответу:

Похожие вопросы