Перенос длинных строк в ячейке таблице

#html #css

Доброго времени суток! У меня возникла проблема небольшая. Когда в ячейке таблицы
выводится большая длинная строка (например ссылка) то она растягивает всю таблицу,
нарушая всю верстку таблицы. Вот к примеру в Opere корректно выводятся ссылки, перенос
идет если строка выходит за границы ячейки th:



А вот как выводится к примеру в IE:



Второй вариант конечно неприемлиемый. Пробовал вот так задавать для
div (который в ячейках находится):

style="overflow: hidden; white-space: nowrap"


И не помогает, а к тому же нарушает верстку и в опере.

Потом пробовал вот так для div-контейнера прописать:

div1 {
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
 }


Тоже не хочет работать... Подскажите как решить проблему?

Вот ссылка теперешней верстки таблицы в сервисе Edit Fiddle 

Некорректно работает в хроме, ie. 
    

Ответы

Ответ 1

css: 
word-break: break-all;

http://jsfiddle.net/oceog/DBY7Z/2/
пожалуйста, выделяйте проблему лучше, ваш код для примера должен выглядеть примерно так:
http://jsfiddle.net/oceog/DBY7Z/3/