Internet Explorer causa problemas con el diseño

Tengo un problema básico con mi aplicación en Internet Explorer. En todos los demás navegadores principales, Chrome, Safari, Opera y Firefox, no tengo este problema de diseño en otros navegadores principales, pero sí en Internet Explorer.

Abrir aplicación (Internet Explorer)

Problema

¿Cómo es que la última columna de la tabla se muestra debajo y no al lado de la última columna de la tabla? A continuación se muestra el código:

$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;

preguntado el 24 de diciembre de 12 a las 21:12

1 Respuestas

A IE no le gustan los errores de HTML, en su caso, tiene una etiqueta de formulario cerrado dentro de una etiqueta 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>

Estoy hablando de esta etiqueta:

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

La tabla estará bien después de eliminar el exceso de etiqueta de formulario. Lo he probado con su fuente HTMl.

Respondido el 24 de diciembre de 12 a las 23:12

Encontré lo mismo ejecutando rápidamente la página a través del validador W3C. @ user1881090 esta es también la razón por la que su ajax no funciona en IE en su otra pregunta: charlietfl

Gracias, tendré que validar mis páginas entonces :) - user1881090

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.