Элемент внутри ячейки таблицы не выравнивается по вертикали сверху, хотя в Internet Explorer 5 установлено вертикальное ⇐ Html

[Anonymous]

У меня есть следующий макет:


Я установил вертикальное выравнивание: сверху для зеленой ячейки таблицы, а также для ячеек таблицы слева и справа. Почему синяя таблица не выравнивается по вертикали сверху в Internet Explorer 5? В левой и правой ячейке таблицы это работает. Единственное отличие заключается в следующем CSS, который применяется к зеленой ячейке таблицы (а также к ячейкам выше и ниже, но здесь они не актуальны):

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

.diet_plan-container > table:first-child > tbody > tr > td:nth-child(2),
.diet_plan-container > div > table > tbody > tr > td:nth-child(2) {
max-width: 0;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}

.diet_plan-container > table:first-child > tbody > tr > td:nth-child(2)::-webkit-scrollbar,
.diet_plan-container > div > table > tbody > tr > td:nth-child(2)::-webkit-scrollbar {
display: none;
}

Я пробовал без этих правил стиля, но это тоже не работает.

Подробнее здесь: https://stackoverflow.com/questions/798 ... ertical-al