网站的HTML布局无法正确显示

Question

我正在使用MediaWiki为在线游戏制作维基。但是，我似乎无法解决这个简单的错误。看屏幕截图。请忽略媒体维基代码，例如'''。它们意味着大胆的标签。这段代码似乎一切顺利，但我认为这个问题与align =有关。先谢谢你。

<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 25%;" align="left">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">Wiki Links</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">
<ul>
<li>[http://link.com/to/contact/page Website Support]</li>
</ul>
</div></td>
</tr>
</table>
<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 25%;" align="left">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">Zone iPhone Support</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">All content goes here.</div></td>
</tr>
</table>
<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 25%;" align="left">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">Zone iPhone Staff Information</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">All content goes here.</div></td>
</tr>
</table>
<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 25%;">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">Zone iPhone Shops</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">All content goes here.</div></td>
</tr>
</table>
<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 25%;" align="left">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">Zone iPhone Staff Events</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">All content goes here.</div></td>
</tr>
</table>
<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 25%;" align="left">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">Zone iPhone Games</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">All content goes here.</div></td>
</tr>
</table>
<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 25%;" align="left">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">NPC Information</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">All content goes here.</div></td>
</tr>
</table>
<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 25%;" align="left">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">External Links</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">All content goes here.</div></td>
</tr>
</table>
<table border="1" style="margin-right: 5px; margin-bottom: 5px; border-collapse: collapse; width: 50%;">
<tr>
<td height="30px" style="text-align: center; font-weight: bold; background-color: #639CFB;">About Zone iPhone</td>
</tr>
<tr>
<td style="height: 190px; vertical-align: top; background-color: #C5D8FF;"><div id="zonecontent" style="margin: 5px;">'''Zone iPhone''' is an iOS server made to bring the GraalOnline Server Zone to life on mobile devices. It has vast battlegrounds and fighting with guns. Players can spar each other, help each other on missions, or visit other planets so they can win it. Players can also participate in many events and mini-games, including a similar game to Bomberman.<br /><br />'''Genre:''' Massively Multiplayer Online Role Playing Game<br />'''Date of Release:''' December 17, 2012<br />'''Owner:''' Eurocenter Games<br />'''Manager:''' Matt</div></td>
</tr>
</table>

屏幕截图：

Answer 1

请勿使用<table>进行布局。您显示的数据不是表格数据，因此请勿使用<table>。

使用块元素，如<div>，并将它们设置为浮动或以逻辑页顺序流动。它不仅可以解决您遇到的问题，而且您的标记将更加清晰，网络蜘蛛会更好地理解它。

当然，如果您正在使用MediaWiki，为什么不使用MediaWiki语法生成HTML？