Как установить две таблицы MediaWiki, чтобы каждая была шириной половины страницы?

Question

Так что я пытаюсь достичь двух таблиц рядом, где они в общей сложности покрывают всю ширину страницы, а каждая таблица - половина ширины страницы. В настоящее время у меня есть две таблицы в другой таблице строк 2 столбца без полей, чтобы выровнять их рядом.

Мой код выглядит так:

И вот что это дает:

Я хотел бы, чтобы они выглядели как сайт MediaWiki, где у них есть три таблицы рядом, которые всегда занимают всю ширину страницы и имеют одинаковую ширину независимо от размера окна, за исключением только двух таблиц. (Извините за отсутствие ссылки на сайт, я только что присоединился к Stackru и у меня недостаточно репутации, чтобы опубликовать более двух ссылок, к сожалению)

Я понимаю, что могу просто сделать их заданной ширины и добиться того, что я ищу, но это было бы бесполезно, если бы пользователи с разными размерами экрана не так ли?

Answer 1

На самом деле у вас есть две внутренние таблицы, обернутые внутри внешней таблицы. Просто добавив атрибут width="50%" к внешней таблице клетки должны сделать свое дело. Чтобы выровнять заголовки, вы также можете использовать valign="top", как это:

{|
| width="50%" valign="top" |

{| class="wikitable"
! Table 1
|-
| {{lipsum}} {{lipsum}}
|}

| width="50%" valign="top" |

{| class="wikitable"
! Table 2
|-
| {{lipsum}}
|}

|}