Как решить проблему, когда столбец таблицы слишком узкий?

Question

Я новичок в этом конкретном проекте, и мне было поручено решить проблему, которая появляется в IE8.

Если вы отметите http://funds.ft.com/ETFHomepage.aspx, Есть раздел под названием «Новости». В этом разделе есть колонка под названием «Самые популярные ETF». Эта ширина должна соответствовать ширине столбца «Недавно просмотренные ETF».

Для справки, эта страница правильно отображается в Firefox. Может кто-нибудь указать, что я могу сделать с помощью CSS или (каким-либо другим способом) *, чтобы решить эту проблему?

* Я знаю, что лучший способ решить эту проблему - отказаться от ужасного дизайна и правильно его реализовать !! :-) - мы действительно делаем это прямо сейчас. Это большая работа, поэтому она занимает много времени. Тем временем, однако, мы должны исправлять ошибки по мере их появления. Спасибо

Обновление: просто чтобы отметить то, что я сказал Христо: «Я думаю, проблема в таблице (точнее, во вложенных таблицах) слева. Таблица в центре имеет ширину, определенную по изображению, а в таблице справа нет изображения, поэтому оно будет раздавлено "

Answer 1

Ну, причина, по которой это происходит, в том, что у вас есть URL под заголовком «Alphaville: Преодоление правила Волкера с ETF».Поскольку в URL нет пробелов, таблица пытается дать ему место.Таким образом, есть несколько способов решить эту проблему:

1. Обычные текстовые URL не очень часто появляются на веб-странице (особенно когда они не в тегах привязки, поэтому вы можете нажать наих.) Не могли бы вы обновить контент, чтобы у вас не было необработанного URL в вашем контенте?

2. Если вам необходимо обрабатывать длинные строки текста без пробелов, тогда выНужно выяснить, как изменить макет страницы, чтобы текст либо переносился, либо обрезался в соответствии с контейнером.Попробуйте поиграть с надписью «table-layout: fixed» на ваших таблицах, чтобы ширина столбцов определялась только на основе спецификаций таблицы (вместо содержимого).Firefox, похоже, переносит тире и косые черты в URL, тогда как IE хочет только переносить тире в URL.

Я бы сказал, что с вашим макетом все в порядке, и вам просто нужно исправить генерацию контента, чтобы он не включал длинные длинные текстовые URL (вариант 1 выше)

РЕДАКТИРОВАТЬ: Если вы решите перейти с вариантом 2 выше, а затем посмотрите на правило css "word-break: break-all".Это только IE, и он заставляет текст разрываться, как только он достигает конца контейнера.Не подходит для слов, но работает для URL.Таким образом, вы не можете применить это ко всей таблице новостей, но вы можете использовать только ячейку, содержащую URL.