We help IT Professionals succeed at work.
Get Started

Spacing issues with IE and Firefox

ibewlocal98
ibewlocal98 asked
on
579 Views
Last Modified: 2012-05-09
I am having spacing issues with both Internet Explorer and Firefox. I created the template with Photoshop, but when I upload the site, the spacing is off.

If I comment out the tr and td tags under <!-- fwtable fwsrc="KeenansTemplate10.png" fwpage="Page 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "43551505" fwnested="0" -->, it fixes the IE issue, but not firefox.
ie:
<!-- fwtable fwsrc="KeenansTemplate10.png" fwpage="Page 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "43551505" fwnested="0" -->
 <!-- <tr>
   <td><img src="images/spacer.gif" width="224" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="757" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr> -->

Your help is greatly appreciated.

Also, you can view the site here :

http://www.itphilly.com/test/keenans/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Keenan's Irish Pub. Where All Neighborhoods Meet.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Wed Apr 14 12:24:08 GMT-0400 (Eastern Daylight Time) 2010-->
<link href="css/styull.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body bgcolor="#ffffff">
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="KeenansTemplate10.png" fwpage="Page 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "43551505" fwnested="0" -->
  <tr>
   <td><img src="images/spacer.gif" width="224" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="757" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td rowspan="5"><a href="http://www.keenansirishpub.com"><img name="logo" src="images/logo.gif" width="224" height="182" border="0" id="logo" alt="logo" /></a></td>
   <td rowspan="9"><img name="index_r1_c2" src="images/index_r1_c2.gif" width="1" height="1000" border="0" id="index_r1_c2" alt="" /></td>
   <td><img name="topPage" src="images/topPage.gif" width="757" height="77" border="0" id="topPage" alt="topPage" /></td>
   <td rowspan="9"><img name="index_r1_c4" src="images/index_r1_c4.gif" width="1" height="1000" border="0" id="index_r1_c4" alt="" /></td>
   <td rowspan="9"><img name="sideRight" src="images/sideRight.gif" width="17" height="1000" border="0" id="sideRight" alt="sideRight" /></td>
   <td><img src="images/spacer.gif" width="1" height="77" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r2_c3" src="images/index_r2_c3.gif" width="757" height="1" border="0" id="index_r2_c3" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="757" height="33" id="FlashID" title="top Navigation">
     <param name="movie" value="images/media/topNav2.swf" />
     <param name="quality" value="high" />
     <param name="wmode" value="opaque" />
     <param name="swfversion" value="7.0.70.0" />
     <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
     <param name="expressinstall" value="../Scripts/expressInstall.swf" />
     <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
     <!--[if !IE]>-->
     <object type="application/x-shockwave-flash" data="images/media/topNav2.swf" width="757" height="33">
       <!--<![endif]-->
       <param name="quality" value="high" />
       <param name="wmode" value="opaque" />
       <param name="swfversion" value="7.0.70.0" />
       <param name="expressinstall" value="../Scripts/expressInstall.swf" />
       <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
       <div>
         <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
         <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
       </div>
       <!--[if !IE]>-->
     </object>
     <!--<![endif]-->
   </object></td>
   <td><img src="images/spacer.gif" width="1" height="33" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r4_c3" src="images/index_r4_c3.gif" width="757" height="1" border="0" id="index_r4_c3" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="3" valign="top"><p style="margin:0px">content </p></td>
   <td><img src="images/spacer.gif" width="1" height="70" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="224" height="553" id="FlashID2" title="side Navigation">
     <param name="movie" value="images/media/sideNav3.swf" />
     <param name="quality" value="high" />
     <param name="wmode" value="opaque" />
     <param name="swfversion" value="7.0.70.0" />
     <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
     <param name="expressinstall" value="../Scripts/expressInstall.swf" />
     <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
     <!--[if !IE]>-->
     <object type="application/x-shockwave-flash" data="images/media/sideNav3.swf" width="224" height="553">
       <!--<![endif]-->
       <param name="quality" value="high" />
       <param name="wmode" value="opaque" />
       <param name="swfversion" value="7.0.70.0" />
       <param name="expressinstall" value="../Scripts/expressInstall.swf" />
       <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
       <div>
         <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
         <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
       </div>
       <!--[if !IE]>-->
     </object>
     <!--<![endif]-->
   </object></td>
   <td><img src="images/spacer.gif" width="1" height="553" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="3"><img name="beer" src="images/beer.gif" width="224" height="265" border="0" id="beer" alt="beer" /></td>
   <td><img src="images/spacer.gif" width="1" height="227" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r8_c3" src="images/index_r8_c3.gif" width="757" height="1" border="0" id="index_r8_c3" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
   <td valign="top"></td>
   <td><img src="images/spacer.gif" width="1" height="37" border="0" alt="" /></td>
  </tr>
</table>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
//-->
</script>
</body>
</html>

Open in new window

Comment
Watch Question
Top Expert 2011
Commented:
This problem has been solved!
Unlock 1 Answer and 22 Comments.
See Answer
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE