2016-07-25 31 views
2

Also, was ich versuche zu erreichen, ist zwei Tabellen nebeneinander, wo sie insgesamt die gesamte Breite der Seite abdecken und jeder Tisch ist die halbe Breite der Seite. Zur Zeit habe ich zwei Tabellen innerhalb einer anderen randlosen 2 Spalten 1 Zeile Tabelle, um sie nebeneinander auszurichten.Wie legen Sie zwei MediaWiki-Tabellen für jeweils die Breite der Hälfte der Seite fest?

Mein Code sieht wie folgt aus:

Mediawiki Code snippet

Und das ist, was es ergibt:

Side by side tables

Ich möchte für sie so etwas wie die MediaWiki-Website suchen, wo sie drei Tabellen nebeneinander, die immer die volle Seitenbreite einnehmen und unabhängig von der Fenstergröße alle die gleiche Breite haben, außer mit nur zwei Tabellen. (Entschuldigung dafür, dass ich nicht auf die Seite verlinke, ich bin gerade StackOverflow beigetreten und habe nicht genug Reputation, um mehr als zwei Links zu posten)

Ich weiß, ich könnte sie nur eine festgelegte Breite machen und irgendwie erreichen, was ich bin suchen, aber das wäre nutzlos für Benutzer mit unterschiedlichen Bildschirmgrößen nicht wahr?

Antwort

2

Was Sie haben, ist eigentlich zwei innere Tabellen in einem äußeren Tisch gewickelt. Das Hinzufügen des Attributs width="50%" zu den äußeren Tabellenzellen sollte den Trick machen. Um die Positionen zu halten ausgerichtet sind, können Sie auch valign="top", wie diese verwendet werden soll:

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

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

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

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

|} 
+0

Ok, so Einstellung der Außentischbreite auf 50% hat den Trick mit der Breite, aber die Überschriften sind falsch ausgerichtet. Ich habe versucht, Valign = "Top", aber es hat nicht funktioniert – AAHauck

Verwandte Themen