I am creating a website for one of my clients the issue is that on the "what we offer page" the client sees the image below on his browser. He has an older version of firefox and is determined not to upgrade. See the panel on right hand of the screen, images and text have collapsed to the bottom of the panel, whereas I and most other people see it perfectly on newer browser version which can be seen here at http://www.citybunker.co.uk/offer.html – this is how it should be… could you help me with this code?
Please let me know where the mistake is and IF POSSIBLE LET ME KNOW WHAT THE CODE SHOULD BE. It was done in Dreamweaver.
Thanks
Code:
<!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>citybunker, canary wharf | what we offer</title>
<link href="citybunker.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #E2DCE6;
text-decoration: none;
}
a:active {
color: #E2DCE6;
text-decoration: none;
}
#apDiv1 {
position:fixed;
width:307px;
height:182px;
z-index:1;
visibility: hidden;
}
#apDiv2 {
position:fixed;
width:307px;
height:182px;
z-index:2;
visibility: hidden;
}
#apDiv3 {
position:fixed;
width:307px;
height:182px;
z-index:3;
visibility: hidden;
}
#apDiv4 {
position:relative;
width:314px;
height:76px;
z-index:4;
}
#apDiv5 {
position:fixed;
width:307px;
height:182px;
z-index:5;
visibility: hidden;
}
#apDiv6 {
position:fixed;
width:307px;
height:182px;
z-index:6;
visibility: hidden;
}
#apDiv7 {
position:fixed;
width:307px;
height:182px;
z-index:7;
visibility: hidden;
}
.style12 {font-size: 13px}
.style13 {font-size: 10px}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div class="c3">
<table width="721" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/spacer.gif" width="6" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="125" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="228" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="23" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="244" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="79" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="16" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="index_r1_c1" src="images/index_r1_c1.jpg" width="721" height="7" border="0" id="index_r1_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="7" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="11"><img name="index_r2_c1" src="images/index_r2_c1.jpg" width="6" height="695" border="0" id="index_r2_c1" alt="" /></td>
<td colspan="2" rowspan="3" valign="bottom"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','353','height','125','src','_banners/offer','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','_banners/offer' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="353" height="125">
<param name="movie" value="_banners/offer.swf" />
<param name="quality" value="high" />
<embed src="_banners/offer.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="353" height="125"></embed>
</object></noscript></td>
<td rowspan="7" valign="top"><img name="index_r2_c4" src="images/index_r2_c4.jpg" width="23" height="533" border="0" id="index_r2_c4" alt="" /></td>
<td colspan="2"><img name="index_r2_c5" src="images/index_r2_c5.jpg" width="323" height="53" border="0" id="index_r2_c5" alt="" /></td>
<td rowspan="11" valign="top"><img name="index_r2_c7" src="images/index_r2_c7.jpg" width="16" height="695" border="0" id="index_r2_c7" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="53" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r3_c5" src="images/index_r3_c5.jpg" width="323" height="61" border="0" id="index_r3_c5" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="61" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r4_c5" src="images/index_r4_c5.jpg" width="323" height="15" border="0" id="index_r4_c5" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="15" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r5_c2" src="images/index_r5_c2.jpg" width="353" height="10" border="0" id="index_r5_c2" alt="" /></td>
<td colspan="2" rowspan="4" valign="top" background="images/index_r5_c5-background.jpg"><div id="apDiv1"><table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td colspan="2"><div align="right"><img src="images/corp.jpg" width="192" height="192" border="0" /></div></td>
</tr>
<tr>
<td valign="top"><p align="right" class="style3a">Corporate Venue Hire</p>
<p align="right" class="style4"><span class="style5"><span class="style13">Corporate Venue Hire - seminars, conferences, product launches, team
building, press junkets, catwalk fashion shows and exhibitions</span><br />
</span></p>
<p align="right"><span class="style8">To book or enquire<br />
email <a href="mailto:info@citybunker.co.uk">info@citybunker.co.uk</a><br />
or call 0207 537 7940</span></p></td>
<td valign="top"><div align="center"></div></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv2">
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td><div align="right"><img src="images/golf.jpg" width="192" height="192" border="0" /></div></td>
</tr>
<tr>
<td valign="top"><p align="right" class="style3a">In-door Golf</p>
<p align="right" class="style5 style13">State of the art simulators, lunch time golf specials, P.G.A qualified tuition, ladies golf academy and golf lessons for beginnings to advance</p>
<p align="right" class="style1"><span class="style8">To book or enquire<br />
email <a href="mailto:info@citybunker.co.uk">info@citybunker.co.uk</a><br />
or call 0207 537 7940</span></p></td>
</tr>
</table></td>
</tr>
</table>
</div><div id="apDiv3">
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td colspan="2"><div align="right"><img src="images/Gaming.jpg" width="192" height="192" border="0" /></div></td>
</tr>
<tr>
<td valign="top"><p align="right" class="style3a">Interactive Games & Fun Bar</p>
<p align="right" class="style5 style13">Nintendo wii, playstation 3, forumla 1 race car, quiz nights, cocktail academy, happy hours and special bar promotions</p>
<p align="right" class="style1"><span class="style8">To book or enquire<br />
email <a href="mailto:info@citybunker.co.uk">info@citybunker.co.uk</a><br />
or call 0207 537 7940</span></p></td>
<td valign="top"><div align="center"></div></td>
</tr>
</table></td>
</tr>
</table>
</div><div id="apDiv5">
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td colspan="2"><div align="right"><img src="images/entertain.jpg" width="192" height="192" border="0" /></div></td>
</tr>
<tr>
<td valign="top"><p align="right" class="style3a">Entertainment</p>
<p align="right" class="style5 style13">Cocktail Fridays Club Night’, movie nights, live bands, VIP parties, comedy shows and live sports on 13’ by 14’ projector screen and 42” plasma screens</p>
<p align="right" class="style1"><span class="style8">To book or enquire<br />
email <a href="mailto:info@citybunker.co.uk">info@citybunker.co.uk</a><br />
or call 0207 537 7940</span></p></td>
<td valign="top"><div align="center"></div></td>
</tr>
</table></td>
</tr>
</table>
</div><div id="apDiv6">
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td><div align="right"><img src="images/Poker.jpg" width="192" height="192" border="0" /></div></td>
</tr>
<tr>
<td valign="top"><p align="right" class="style3a">Poker</p>
<p align="right" class="style5 style13">Casino fun nights, poker academy and<br/>
poker tournaments</p>
<p align="right" class="style1"><span class="style8">To book or enquire<br />
email<a href="mailto:info@citybunker.co.uk"> info@citybunker.co.uk</a><br />
or call 0207 537 7940</span></p></td>
</tr>
</table></td>
</tr>
</table>
</div><div id="apDiv7">
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td><div align="right"><img src="images/blank-holder.jpg" alt="Location Map" width="192" height="192" border="0" /></div></td>
</tr>
<tr>
<td valign="top"><p align="right" class="style3a">Membership</p>
<p align="right" class="style5 style13">Social and golf membership with exclusive<br/>
member events</p>
<p align="right" class="style1"><span class="style8">To book or enquire<br />
email <a href="mailto:info@citybunker.co.uk">info@citybunker.co.uk</a><br />
or call 0207 537 7940</span></p></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top" background="images/index_r6_c2.jpg" class="style2"><a href="index.html" class="style4">welcome</a> / <a href="offer.html"><strong>what we offer</strong></a> / <a href="events.html">events</a> / <a href="membership.html">membership</a> / <a href="contact.html">contact</a></span></span></td>
<td><img src="images/spacer.gif" width="1" height="15" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2" valign="top" background="images/index_r7_c2.jpg"><table width="314" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="126"><div align="center"><span class="style6">what we offer</span></div></td>
<td width="188"> </td>
</tr>
</table>
<div id="apDiv4">
<table width="314" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="82" valign="top"><div align="left"></div></td>
<td width="232" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li><span class="class1 style12"><a href="#" onmouseover="MM_showHideLayers('apDiv1','','show','apDiv2','','hide','apDiv3','','hide','apDiv5','','hide','apDiv6','','hide','apDiv7','','hide','apDiv4','','show')">Corporate Venue Hire</a></span></li>
</ul></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li><span class="class1 style12"><a href="#" onmouseover="MM_showHideLayers('apDiv1','','hide','apDiv2','','show','apDiv3','','hide','apDiv5','','hide','apDiv6','','hide','apDiv7','','hide')">In-door Golf</a></span></li>
</ul></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li><span class="class1 style12"><a href="#" onmouseover="MM_showHideLayers('apDiv1','','hide','apDiv2','','hide','apDiv3','','show','apDiv5','','hide','apDiv6','','hide','apDiv7','','hide')">Interactive Games & Bar Fun</a></span></li>
</ul></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li><span class="class1 style12"><a href="#" onmouseover="MM_showHideLayers('apDiv1','','hide','apDiv2','','hide','apDiv3','','hide','apDiv5','','show','apDiv6','','hide','apDiv7','','hide')">Entertainment</a></span></li>
</ul></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li><span class="class1 style12"><a href="#" onmouseover="MM_showHideLayers('apDiv1','','hide','apDiv2','','hide','apDiv3','','hide','apDiv5','','hide','apDiv6','','show','apDiv7','','hide')">Poker</a></span></li>
</ul></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li><span class="class1 style12"><a href="#" onmouseover="MM_showHideLayers('apDiv1','','hide','apDiv2','','hide','apDiv3','','hide','apDiv5','','hide','apDiv6','','hide','apDiv7','','show')">Membership</a></span></li>
</ul></td>
</tr>
</table></td>
</tr>
</table>
<p></p>
<p></p>
<p ></p>
<p></a></p>
<p></p>
</div></td>
<td><img src="images/spacer.gif" width="1" height="370" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2" valign="top"><img name="index_r8_c2" src="images/index_r8_c2.jpg" width="353" height="9" border="0" id="index_r8_c2" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="9" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="index_r9_c2" src="images/index_r9_c2.jpg" width="353" height="146" border="0" id="index_r9_c2" alt="" /></td>
<td rowspan="2"><img name="index_r9_c4" src="images/index_r9_c4.jpg" width="23" height="146" border="0" id="index_r9_c4" alt="" /></td>
<td align="right" valign="top" background="images/index_r9_c5-background.jpg"><table width="100%" border="0" cellspacing="3" cellpadding="2">
<tr>
<td><div class="c2">
<div align="right" class="style2"><span class="style2"><strong>city</strong>bunker<br />
cannon workshops hertsmere road<br />
canary wharf e14 4as<br />
united kingdom<br />
<br />
<strong>tel:</strong> 0207 5377940 <br />
<strong>fax:</strong> 0207 9874178<br />
</span><strong>email:</strong> <a href="mailto:info@citybunker.co.uk">info@citybunker.co.uk</a></div>
</div></td>
</tr>
</table></td>
<td><img name="index_r9_c6" src="images/index_r9_c6.jpg" width="79" height="132" border="0" id="index_r9_c6" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="132" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r10_c5" src="images/index_r10_c5.jpg" width="323" height="14" border="0" id="index_r10_c5" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="14" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="5"><img name="index_r11_c2" src="images/index_r11_c2.jpg" width="699" height="11" border="0" id="index_r11_c2" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="11" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="5"><img name="index_r12_c2" src="images/index_r12_c2.jpg" width="699" height="5" border="0" id="index_r12_c2" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
</tr>
</table>
<p> </p>
</div>
</body>
</html>
As shown on an older version of firefox