Перенос слов в таблице в разных браузерах

[kpdozer]

Поскажите как можно решить:

Необходимо в ячейке определенной ширины перечислить номера телефонов через запятую. Вот код

<table width="404" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr>
	<td width="400">(495) 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, </td>
  </tr>
</table>

При переносе в ячейке, IE , Crome, Safari разрывают номера телефонов в месте где встречается тире. А Operа, Firefox нет. Можно как либо установить правила переноса? Заренее спасибо.

Даже если открыть этот пост в Opera, а потом в любом IE - он отобразится по разному.

Edited October 7, 2009 by kpdozer

[Justnewone]

Добиться кроссбраузерного поведения можно будет только если

<table width="404" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr>
	<td width="400"><span>222-22-22</span>, <span>333-33-33</span>, <span>111-11-11</span>, ..... <span>333-33-33</span></td>
  </tr>
</table>

TD SPAN{
white-space:nowrap;
}

[kpdozer]

Спасибо. Жаль конечно. Просто сайт под CMS, и придется PHP править. Обрабатывать обыкновенную строку, чтобы добавить спаны. Может это не единственный вариант?

[kpdozer]

Вот что накопал по этой теме.

статьи:

старая но для общего развития: Про переносы в браузерах

спецификация HTML 4.01 (пункт 9.3.3 Расстановка дефисов): Источник

лучшее разъяснение про типы "ЧЁРТОЧЕК": Типографика (и про HTML тоже)

тут можно найти код различных тире HTML: Мнемоники HTML

Один из способов:

C помощью тега <nobr>

Теперь код может быть таким (семантически он правилен, но тире получается разной длинны в разных браузерах):

<table width="404" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr>
	<td width="400">(495) 111&#8209;11&#8209;11 222&#8209;22&#8209;22 333&#8209;33&#8209;33 111&#8209;11&#8209;11 222&#8209;22&#8209;22 333&#8209;33&#8209;33 111&#8209;11&#8209;11 222&#8209;22&#8209;22 333&#8209;33&#8209;33 111&#8209;11&#8209;11 222&#8209;22&#8209;22 333&#8209;33&#8209;33
</td>
  </tr>
</table>

В качестве альтернативы можно использовать − он вроде везде одинаковый.