Содержимое таблицы просачивается за пределы контейнера: как управлять макетами таблиц

Question

У меня проблема с хранением содержимого этой таблицы в контейнере: см. здесь .

Таблица автоматически генерируется чем-то, называемым хранилищем CataLook, которое является модулем DNN.

Мне бы очень хотелось, чтобы они делали модули в соответствии со стандартами - т.е. <div> вместо <table> но это то, с чем я застрял ...

Я пытался поджечь его и изменить ширину стола вокруг, но, похоже, ничто не может заставить его двигаться.

Кто-нибудь знает, как правильно управлять таблицами?

Кроме того, если ширина установлена ​​на 100%, не должна ли она оставаться внутри контейнера? (Я предполагаю, что это не так, потому что контент генерируется динамически, потому что это модуль DNN ...)

Answer 1

Что мы делаем, это открываем файл скина для магазина и ищем множество экземпляров nowrap и удаляем их из области, на которую влияем.

Это более актуально для тех, кто использует скины xhtml.

Это не 100% - это уничтожение этого варапа.

Нам удалось сделать CSS-обложки Catalook совместимыми, но не совместимыми с xhtml из-за расположения панелей при выводе на страницу.

Если бы мы могли это исправить, я думаю, что у нас были бы скины, совместимые с xhtml и css, для catalook, но это было в работе.

Так что попробуйте это - найдите Nowraps и удалите некоторые - вы будете очень довольны результатом. У нас есть сайт поддержки для этого продукта - я не имею ничего общего с разработчиками в бизнесе, но я действительно хотел бы увидеть некоторую поддержку электронной коммерции и сообщества dnn, и очень здорово видеть, что другие также помогают. Веб-сайт http://www.catalooksupport.com, если вы так хотите.

Нина Мейерс

Answer 2

Увы, Catalook может быть заведомо злым со своими столами. Прошло много времени с тех пор, как я взломал их таблицы, но проверил атрибуты таблицы, а не только свойства ширины CSS.

Редактировать: Похоже, названия ваших продуктов слишком длинные. Таблица не позволяет заголовку разбить строку на две строки. Попробуйте сократить заголовки, используя меньший шрифт, или отформатируйте продукты так, чтобы их было только два в строке, а не 3.