Как исправить текст внутри ячеек ведёт себя по разному в IE в отличии от Хрома?

Question

[Kimel]

jsfiddle.net/ASsQh
Сразу извиняюсь за всё лишнее, копировал прямиком с сайта.

Теперь вот в чём проблема, при так сказать стягивании таблицы в Хроме её содержимое переносится вниз, так называемый перенос строк.
Вот только хром умный, есть такая ячейка

солнечная+литиевая батарея

он её разбивает не на 2 строки, а на 3!! То есть для него спецсимволы не помеха.

В итоге таблицу можно стянуть примерно до 540px!

В IE же у меня такая проблема, что он этого делать не умеет (а может и умеет я не знаю на самом деле в чём проблема, это предположение).
И в итоге в IE минимальная ширина таблицы примерно 1000px а это уж очень много!!

Пожалуйста помогите, в чём проблема я не понимаю.

Откройте jsfiddle в хроме и IE и сами в этом убедитесь

Answer 1

[Юрий Лобанов]

Есть символы необязательного переноса строки
citforum.ru/internet/html40/struct/text.html
Можете все попробовать. Но вот один из них (пробел нулевой ширины) прекрасно работает (проверил в ff, chrome, ie10):
jsfiddle.net/ASsQh/1
Но с точки зрения типографики Ваша запись неправильная, нельзя через «+» слова так писать, вроде как пробелами надо плюс обрамлять или писать солнечно-литиевая, или солнечная и литиевая.
Короче, это Вам информация для размышления, на вопрос я в общем-то ответил :)

Comments

[Kimel]

Спасибо, но я знаю это, но в сожалению мне не ясно можно ли сделать в IE всё так же как и в других нормальных бруазерах. Есть ли такой способ не меняя содержимого, а через стили?

[Юрий Лобанов]

@Kimel проблема не только в ie, в ff то же самое, и это серьезно.
А почему не контент? Я так понимаю, что переживаете, что менеджер не вставит нужный символ и будет подобная проблема? Возможно в таком случае стоит написать на сервере или на клиенте скрипт и предусмотреть все возможные случаи?
Статья в помощь habrahabr.ru/post/22098

[Kimel]

В общем спасибо я понял) Просто проблема в том, что я дизайнер, а копаться в коде никто не будет. Ну и пользователи тоже не будут напрягаться.
Вот блин, а я даже не заметил как Firefox меня предал Т_Т. Пожалуй установлю в некоторых местах обычные пробелы, и через медиастили/хаки для фаерфокса и IE задам жесткий перенос.

[Юрий Лобанов]

@Kimel ну для таких случаев и существует js. Создайте простой js скрипт, который, чтобы не проверять все таблицы, проверял бы определенные (например, присвойте таблице какой-нибудь класс). Проверяя эти таблицы, пусть смотрит содержимое ячеек, и, если в содержимом присутствуют слишком длинные слова, то пусть вставляет переносы. Или, если таких случаев не много (например только ситуация с «+», то пусть ищет только эти случаи. Все можно решить регулярными выражениями. Я в них не силен, скорее всего ничего сложного. Могу посоветовать задать вопрос без всяких этих таблиц, а например так: «В таблице в ячейках есть слова, написанные через „+“ как мне вставить перед плюсом определенный символ (пробел нулевой ширины) посредством js».
Если потрудитесь оформить короткую таблицу с примером — в миг ответят.