html - How to set two MediaWiki tables to each be the width of half of the page? -


so i'm trying achieve 2 tables side side in total cover full width of page , each table half width of page. have 2 tables within borderless 2 column 1 row table align them side side.

my code looks this:

mediawiki code snippet

and yields:

side side tables

i them mediawiki site have 3 tables next each other take full page width , same width regardless of window size except 2 tables. (sorry not linking site, joined stackoverflow , don't have enough reputation post more 2 links unfortunately)

i realize make them set width , sort of achieve i'm looking useless far users different screen sizes wouldn't it?

what have 2 inner tables wrapped inside outer table. adding attribute width="50%" outer table cells should trick. keep headings aligned, may want use valign="top", this:

{| | width="50%" valign="top" |  {| class="wikitable" ! table 1 |- | {{lipsum}} {{lipsum}} |}  | width="50%" valign="top" |  {| class="wikitable" ! table 2 |- | {{lipsum}} |}  |} 

Comments

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -