Я работаю над следующим веб-сайтом, который использует пунктирную рамку (применяется к ячейкам таблицы), чтобы содержать большую часть содержание веб-сайта.
В целом это работает нормально, но в Chrome есть небольшая проблема, когда две свернутые пунктирные границы иногда составляют одну сплошную границу (рис. 1); пример этого можно найти на странице подписантов внизу.
Аналогичный эффект применим и к Internet Explorer, однако он более последователен и вместо сплошной линии кажется, что каждая nя точка удваивается (рис. 2).
Это известная проблема, которая имеет достаточно простое решение?
Рис. 1:
Рис. 2.
Обратите внимание на то, что я использую таблицы для этого
Пожалуйста, не спамьте меня словами "не используйте таблицы для макетов" - я прекрасно это понимаю.
Есть несколько основных причин, по которым я это делаю:
- Сайт создан в Business Catalyst (системе управления контентом), и клиент должен иметь возможность легко добавлять ячейки для дополнительного контента и т. д. с помощью редактора WYSIWYG в системе.
- Этот конкретный проект имеет чрезвычайно сжатые сроки и, следовательно, должен быть построен как можно быстрее (таблицы делают это немного быстрее, особенно со всеми страницами со всеми различными размерами ячеек, шириной, высотой и т. д. и т. д.).