Hi guys. Im not really capable of programming much in javascript but if you guys can guide me a bit here, that would be great. I get this problem alot with Internet explorer, I have a file with table design, and I have expander/collapse button to show and hide the tables.
The thing is, in Internet Explorer, when I show a table, it overlaps the table below as well as the border around the table. Im figuring this is a common problem with Internet Explorer so that you guys might have a quick solution for me here.
Here is the code, the tables have other tables embedded inside them, but the tables that should expand and collapse are identified with id = "table" and then an integer, first table is table1, second table2 etc. Im embedding the html code inside code tags so you can basically copy the code directly to an editor(you will not have the image that I use as button to collapse and hide).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<title>View Rooms</title>
<link href="styles/css_styling.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function flop_nights(name){
var specific_table = "";
specific_table = document.getElementById(name);
if(specific_table.style.display == 'inline'){
specific_table.style.display = '';
}
else{
specific_table.style.display = 'inline';
}
}
</script>
</head>
<body>
<div id="container">
<table width="1000">
<tr>
<td width="270" valign="top">
If you do not find a suitable search result for multiple rooms, sometimes you can get better deals by searching for the rooms seperately, below are quick links to rooms at the same hotel for the persons in each room you specified in your search.<br /><br /><a href="get_rooms.php?hotelid=278294&arrival=11/17/2011&departure=11/19/2011&adults=4&nights=2" target="_blank">Check Availability</a><br /><a href="get_rooms.php?hotelid=278294&arrival=11/17/2011&departure=11/19/2011&adults=1&nights=2" target="_blank">Check Availability</a><br /> </td>
<td>
<table width="100%">
<tr>
<td id="border_column">
<table width="100%" id="table1">
<tr>
<td width="200">All prices in EUR</td>
<td width="200"> </td>
<td width="150"> </td>
<td width="200"><img src="images/knobforward.png" onClick="flop_nights('tables1');"/></td>
</tr>
<tr>
<td colspan="3">2 rooms: Family studio(Only 3 rooms left)</td>
<td align="right">11/17/2011-11/19/2011</td>
</tr>
</table>
<table width="100%" class="table_hide" id="tables1">
<tr>
<td>
<table width="100%">
<tr>
<td>
<table width="100%" border="0">
<tr>
<td width="200" height="20"></td>
<td width="200"></td>
<td width="150"></td>
<td width="200"></td>
</tr>
<tr><td colspan="3">Adults: 2Children: 2</td><td align="right">avg/night</td></tr><tr><td colspan="2">2 nights<img src="images/knobforward.png" onClick="flop_nights('nightrow');"/></td><td colspan="2" align="right">54.20</td></tr> </table>
<div class="table_hide" id="nightrow">
<table width="100%">
<tr>
<td colspan="4">
<table width="100%">
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">54.2</td>
</tr>
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">54.2</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td>
<table width="100%" border="0">
<tr>
<td width="200" height="20"></td>
<td width="200"></td>
<td width="150"></td>
<td width="200"></td>
</tr>
<tr><td colspan="3">Adults: 1Children: 0</td><td align="right">avg/night</td></tr><tr><td colspan="2">2 nights<img src="images/knobforward.png" onClick="flop_nights('nightrow1');"/></td><td colspan="2" align="right">54.20</td></tr> </table>
<div class="table_hide" id="nightrow1">
<table width="100%">
<tr>
<td colspan="4">
<table width="100%">
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">54.2</td>
</tr>
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">54.2</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr><td>TaxAndServiceFee</td><td width="200"align="right">15.2</td></tr><tr><td>Total: </td><td align="right">232.0</td></tr> </table>
<table>
<tr><td colspan="4">Cancelation Policy <img src="images/knobforward.png" onClick="flop_nights('cancel2');"/></td></tr><tr class="table_hide" id="cancel2"><td colspan="4">We understand that sometimes plans fall through. We do not charge a change or cancel fee. However, this property (Einholt Apartments) imposes the following penalty to its customers that we are required to pass on: Cancellations or changes made after 11:59 PM ((GMT) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London) on Nov 15, 2011 are subject to a 2 Night Room & Tax penalty. The property makes no refunds for no shows or early checkouts.</td></tr><tr><td colspan="4">Non Refundable<td></tr> </table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
<tr>
<td id="border_column">
<table width="100%" id="table2">
<tr>
<td width="200">All prices in EUR</td>
<td width="200"> </td>
<td width="150"> </td>
<td width="200"><img src="images/knobforward.png" onClick="flop_nights('tables2');"/></td>
</tr>
<tr>
<td colspan="3">2 rooms: One Bedroom Apartment - Excl. Breakfast(Only 3 rooms left)</td>
<td align="right">11/17/2011-11/19/2011</td>
</tr>
</table>
<table width="100%" class="table_hide" id="tables2">
<tr>
<td>
<table width="100%">
<tr>
<td>
<table width="100%" border="0">
<tr>
<td width="200" height="20"></td>
<td width="200"></td>
<td width="150"></td>
<td width="200"></td>
</tr>
<tr><td colspan="3">Adults: 2Children: 2</td><td align="right">avg/night</td></tr><tr><td colspan="2">2 nights<img src="images/knobforward.png" onClick="flop_nights('nightrow2');"/></td><td colspan="2" align="right">64.48</td></tr> </table>
<div class="table_hide" id="nightrow2">
<table width="100%">
<tr>
<td colspan="4">
<table width="100%">
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">64.48</td>
</tr>
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">64.48</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td>
<table width="100%" border="0">
<tr>
<td width="200" height="20"></td>
<td width="200"></td>
<td width="150"></td>
<td width="200"></td>
</tr>
<tr><td colspan="3">Adults: 1Children: 0</td><td align="right">avg/night</td></tr><tr><td colspan="2">2 nights<img src="images/knobforward.png" onClick="flop_nights('nightrow3');"/></td><td colspan="2" align="right">64.48</td></tr> </table>
<div class="table_hide" id="nightrow3">
<table width="100%">
<tr>
<td colspan="4">
<table width="100%">
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">64.48</td>
</tr>
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">64.48</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr><td>TaxAndServiceFee</td><td width="200"align="right">18.08</td></tr><tr><td>Total: </td><td align="right">276.0</td></tr> </table>
<table>
<tr><td colspan="4">Cancelation Policy <img src="images/knobforward.png" onClick="flop_nights('cancel4');"/></td></tr><tr class="table_hide" id="cancel4"><td colspan="4">We understand that sometimes plans fall through. We do not charge a change or cancel fee. However, this property (Einholt Apartments) imposes the following penalty to its customers that we are required to pass on: Cancellations or changes made after 11:59 PM ((GMT) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London) on Nov 15, 2011 are subject to a 2 Night Room & Tax penalty. The property makes no refunds for no shows or early checkouts.</td></tr><tr><td colspan="4">Non Refundable<td></tr> </table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
<tr>
<td id="border_column">
<table width="100%" id="table3">
<tr>
<td width="200">All prices in EUR</td>
<td width="200"> </td>
<td width="150"> </td>
<td width="200"><img src="images/knobforward.png" onClick="flop_nights('tables3');"/></td>
</tr>
<tr>
<td colspan="3">2 rooms: Two Bedroom Apartment - Excluding Breakfast(Only 3 rooms left)</td>
<td align="right">11/17/2011-11/19/2011</td>
</tr>
</table>
<table width="100%" class="table_hide" id="tables3">
<tr>
<td>
<table width="100%">
<tr>
<td>
<table width="100%" border="0">
<tr>
<td width="200" height="20"></td>
<td width="200"></td>
<td width="150"></td>
<td width="200"></td>
</tr>
<tr><td colspan="3">Adults: 2Children: 2</td><td align="right">avg/night</td></tr><tr><td colspan="2">2 nights<img src="images/knobforward.png" onClick="flop_nights('nightrow4');"/></td><td colspan="2" align="right">75.71</td></tr> </table>
<div class="table_hide" id="nightrow4">
<table width="100%">
<tr>
<td colspan="4">
<table width="100%">
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">75.71</td>
</tr>
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">75.71</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td>
<table width="100%" border="0">
<tr>
<td width="200" height="20"></td>
<td width="200"></td>
<td width="150"></td>
<td width="200"></td>
</tr>
<tr><td colspan="3">Adults: 1Children: 0</td><td align="right">avg/night</td></tr><tr><td colspan="2">2 nights<img src="images/knobforward.png" onClick="flop_nights('nightrow5');"/></td><td colspan="2" align="right">75.71</td></tr> </table>
<div class="table_hide" id="nightrow5">
<table width="100%">
<tr>
<td colspan="4">
<table width="100%">
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">75.71</td>
</tr>
<tr>
<td width="550">Specific Night</td>
<td width="100" align="right">
</td>
<td width="100" align="right">75.71</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr><td>TaxAndServiceFee</td><td width="200"align="right">21.2</td></tr><tr><td>Total: </td><td align="right">324.04</td></tr> </table>
<table>
<tr><td colspan="4">Cancelation Policy <img src="images/knobforward.png" onClick="flop_nights('cancel6');"/></td></tr><tr class="table_hide" id="cancel6"><td colspan="4">We understand that sometimes plans fall through. We do not charge a change or cancel fee. However, this property (Einholt Apartments) imposes the following penalty to its customers that we are required to pass on: Cancellations or changes made after 11:59 PM ((GMT) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London) on Nov 15, 2011 are subject to a 2 Night Room & Tax penalty. The property makes no refunds for no shows or early checkouts.</td></tr><tr><td colspan="4">Non Refundable<td></tr> </table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
<br /><br />
<script>
flop_nights('tables1');
</script>
</td>
</tr>
</table>
</div>
</body>
</html>