jquery - Internet Explorer 导致布局问题

Question

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

Open Application (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 源代码对其进行了测试。