jquery - Internet Explorer 导致布局问题

Question

我在 Internet Explorer 中的应用程序存在基本问题。在所有其他主流浏览器 Chrome、Safari、opera 和 Firefox 中，我在其他主流浏览器中没有遇到这个布局问题，但在 Internet Explorer 中我遇到了。

打开应用程序 (Internet Explorer)

问题

为什么最后一个表格列显示在下方而不是最后一个表格列旁边？下面是代码：

$outputform.=" 
<form action='QandATable.php' method='post' id='sessionForm'>
<table>
<tr>
<th>9: Room and Building:</th>
<th>Building: {$buildingHTML}</th>
<th>Room: {$roomHTML}</th>
</tr>
</table>

</form>
";

echo $outputform;

Answer 1

IE 不喜欢 HTML 错误，如果您在 th 标记内有一个封闭的表单标记：

<form action='QandATable.php' method='post' id='sessionForm'>
<table>
<tr>
<th>9: Room and Building:</th>
<th>Building: <select name="buildings" id="buildingsDrop" onchange="getRooms();">
<option value="">Please Select</option>
<option value='Canalside East'>Canalside East</option>
<option value='Canalside West'>Canalside West</option>
</select></form></th>
<th>Room: <select name="rooms" id="roomsDrop">
<option value="">Please Select</option>
</select></th>
</tr>
</table>

</form>

我说的是这个标签：

</select></form></th>

删除多余的表单标签后，表格会很好。我已经用你的 HTML 源代码对其进行了测试。