Я пытался расположить содержимое в строке таблицы. Строка, о которой идет речь, в свою очередь, содержит 2 другие таблицы и 1 маленькое уменьшенное изображение (конечно, в каждой ячейке таблицы). Строка была позиционирована с использованием valign="top" до сих пор. Это хорошо сработало, подняв содержимое всех трех столбцов.
Однако я хотел позиционировать его с помощью CSS position:relative; vertical-align:text-top;
Хорошо позиционирует содержимое ячейки , если нет уменьшенного изображения . Однако, как только изображение включено, другие столбцы не располагаются вообще. Смотрите изображение ниже.
* Искренние извинения за плохое форматирование изображения.
Я хочу, чтобы две таблицы, а также миниатюра были выровнены по вертикали сверху.
Обратите внимание, что все поля и отступы установлены на 0, а размеры на изображении действительны.
Кто-нибудь знает, почему мой браузер (Firefox) ведет себя так и как это исправить?