Проблемы с выравниванием сетки и равномерным размером с хромом (работает в Firefox) ⇐ Html

[Anonymous]

Я строю еженедельный планировщик (календарь) и испытываю проблемы выравнивания с рядами в Chrome (он прекрасно работает в Firefox). Я использую ванильный javascript, html и css. верхние и нормальные события, которые могут охватывать один или несколько дней. < /p>
Когда нет событий, календарь отображается правильно. Однако, когда добавляются несколько событий, высота некоторых ячеек сетки становится нерегулярной (в то время как ширина остается последовательной). Кроме того, добавление только событий на целый день-или их большое количество-также вызывает нерегулярную высоту клеток, что не имеет смысла, поскольку этот тип событий находится в другом элементе. < /P>
События, которые перекрываются в одном и том же стеке сетки по горизонтали.
Вот HTML страницы: < /p>

Код: Выделить всё

\
\
\\
\\lun 11\\
\\mar 12\\
\\mié 13\\
\\jue 14\\
\\vie 15\\
\\sáb 16\\
\\dom 17\\
\\
\
\\Event 2.1\\
\\Event 2.3\\
\
\
\
\\0:00\\
\\1:00\\
\\2:00\\
\\3:00\\
\\4:00\\
\\5:00\\
\\6:00\\
\\7:00\\
\\8:00\\
\\9:00\\
\\10:00\\
\\11:00\\
\\12:00\\
\\13:00\\
\\14:00\\
\\15:00\\
\\16:00\\
\\17:00\\
\\18:00\\
\\19:00\\
\\20:00\\
\\21:00\\
\\22:00\\
\\23:00\\
\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\
\\
\13:00\\Event 4\
\
\
\\
\06:00\\Event 5\
\
\
\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\
\\\00:00\\Event 4\
\
\
\\\00:00\\Event 5\
\
\
\\\01:00\\Event 11\
\
\
\\\01:00\\Event 11xx\
\
\
\\\06:00\\Event uu\
\
\
\\\08:20\\Event 13\
\
\
\\\11:20\\Event 13x\
\
\
\\\09:00\\Event oo\
\
\
\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\
\\\00:00\\Event 4\
\
\
\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\
\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\
\\
\16:00\\Event 12\
\
\
\\\08:00\\Event 6\
\
\
\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\
\\\00:00\\Event 12\
\
\
\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\
\\\00:00\\Event 12\
\
\
\

Я попытался изменить параметры отображения (Flex, Grid, содержимое и т. Д.) И изменение способа добавления элементов.

Подробнее здесь: https://stackoverflow.com/questions/794 ... in-firefox