Проблема с отображением таблиц HTML, CSS, когда много столбцов
Я разработал способ вставки файлов Excel в WordPress. Документ конвертируется в HTML. Заголовок таблицы находится в собственном контейнере div, заголовок плавает над таблицей содержимого, когда пользователь прокручивает страницу вниз.
Проблема: столбцы таблицы не читаются должным образом для версии таблицы с 14 столбцами.
Вот две живые страницы:
https://www.aircom.ca/fra/produits/pompes-a-vide-elmo-rietschle/pompes-a-vide-a-palettes-lubrifiees/ отображает нормально / 10 столбцов
https://www.aircom.ca/fra/produits/surpresseurs-a-deplacement-positif_gardner-denver_montreal/sutorbilt-legend/
проблема с заголовком / 14 столбцов
в firefox отрисовывает 1px сразу
в IE 11 рендерит 1 пиксель сразу после
в Chrome отображает 1 пиксель влево + 1 пиксель вверх
инспектор в chrome и firefox не помогает пытался принудительно установить ширину таблицы заголовков, установить границу без значения: не работает?
Кто нибудь сталкивался с такой ситуацией?
Ответы 1
Я решил свою проблему, переведя код проблемы в более простую версию. "Упражнение, которое я должен был сделать перед тем, как отправить запрос о помощи!"
Проблема была в наследовании свойств таблицы стилей. Веб-сайт развивается с 2009 года. Доработка, замена, добавление макета страницы и виджетов. Исходная логика css (каскадные свойства) сейчас больше трудность, чем преимущество. Лучшей практикой здесь было бы заменить правила селектором идентификаторов для каждого определения таблицы.
Спасибо Stackoverflow.com / pete за взаимодействие.
Пожалуйста, прочтите что-то на моем сайте не работает, могу я просто вставить ссылку на него?, а затем создайте минимальный воспроизводимый пример вашей проблемы в самом вопросе