Internet Explorer causa problemas con el diseño

I am having basic problem with my application in Internet Explorer. In all other major browsers Chrome, Safari, opera and Firefox, I have not got this layout problem in other major browsers but in internet explorer I do.

Open Application (Internet Explorer)

Problema

How come the last table column is displayed underneath and not next to the last table column? Below is the code:

$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

IE don't like HTML error's, in you case you have a closed form tag inside a th tag:

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

I am talking about this tag:

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

Table will be fine after excess form tag is removed. I have tested it with your HTMl source.

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

found same thing by quickly running page through W3C validator. @user1881090 this is also why your ajax not working in IE in your other question - charlietfl

Thanks, I will have to validate my pages then :) - user1881090

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