Spacing issues with IE and Firefox

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

ibewlocal98Asked:
Who is Participating?
 
LZ1Commented:
Try this and let me know
<!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>
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:none repeat scroll 0 0 transparent;
border:0 none;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
}
body {
line-height:1;
}
ol, ul {
list-style:none outside none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:none;
}
:focus {
outline:0 none;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
margin:0;
}
</style>
<style> 
body {
	width:100%;
	height:100%;
	background:url("http://www.itphilly.com/test/keenans/images//bg.jpg") repeat-x scroll left 0px #FFFFFF;
}
#wrapper {
	clear: both;
	width: 1000px;
	margin:0px auto;
}
#header {
	width: 100%;
	height: 182px;
}
#header img { 
	float:left;
	position:relative}
#header #nav {
	float: left;
	position: relative;
	width: 757px;
	height: 33px;
	margin-top: 77px;
}
#sidebar {
	float: left;
	height: 553px;
	width: 224px;	
}
#content {
	height:850px;
	width:757px;
	background: url(http://www.itphilly.com/test/keenans/images//sideRight.gif) no-repeat right -183px;
}
#footer {
	float: left;
	width: 1000px;
	position: relative;
	text-align:center;
}
</style>
</head>

<body>
<div id="wrapper"> 
	<div id="header"> <img src="http://www.itphilly.com/test/keenans/images//logo.gif" width="224" height="182" />
   	  <div id="nav"> 
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="757" height="33" id="FlashID" title="top Navigation">
     <param name="movie" value="http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/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/http://www.itphilly.com/test/keenans/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>
        </div><!--end nav-->
  </div><!--end header-->
<div id="sidebar">  
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="224" height="553" id="FlashID2" title="side Navigation">
     <param name="movie" value="http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/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/http://www.itphilly.com/test/keenans/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>
<img name="beer" src="http://www.itphilly.com/test/keenans/images//beer.gif" width="224" height="265" border="0" id="beer" alt="beer" />
</div><!--end sidebar-->
<div id="content"> 
content 

</div><!--end content-->
	<div id="footer"> 
	All of the bottom stuff goes here 
	</div><!--end footer-->
</div><!--end wrapper-->
</body>
</html>

Open in new window

0
 
JuamezCommented:
In Opera 10.51 it looks almost perfect, just 1 pixel off at the top for the whole table. I'm using dragonfly (Firefox's firebug equivalent of Opera) and I can see the table cell's are 1px from the top.

Try setting the styles of all of the TD's in the first TR to this:

border-with: 0px;
margin-top: 0px;
padding-top: 0px;

Maybe this solves the issue in the other browsers.
0
 
ibewlocal98Author Commented:
I added a td class, but it did not help.

<tr>
   <td class="td_top"><img src="images/spacer.gif" width="224" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="757" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
.td_top {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

Open in new window

0
Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

 
LZ1Commented:
Why are you using tables for the layout and structure?
Also, try using a reset sheet as the first CSS declaration.  I noticed if we set the line-height to 0px, in FF it will fix the right side, however the left side is still off.

@charset "utf-8";
/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Open in new window

0
 
ibewlocal98Author Commented:
I exported this directly from Photoshop into Dreamweaver.  So the layout and structure was created there.
0
 
LZ1Commented:
Therein lies the problem.  It's ok though, we'll work with you. ;)
Tables often have trouble with layouts simply due to their structure.  In your case, CSS would have been a much better option.  
First things first. Save that reset sheet as reset.css and then call it in your page above all other CSS.
 

<!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" /> 
<link href="css/reset.css" rel="stylesheet" type="text/css" /> 
<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

0
 
ibewlocal98Author Commented:
Done, but now nothing but the background displays in firefox.
<!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" />

<!--Fireworks CS3 Dreamweaver CS3 target.  Created Wed Apr 14 12:24:08 GMT-0400 (Eastern Daylight Time) 2010-->
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<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 class="tr_top">
   <td class="td_top"><img src="images/spacer.gif" width="224" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="757" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
   <td class="td_top"><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

0
 
LZ1Commented:
Ok, good.  On the reset sheet you can take out the vertical-align: bottom and give a
margin:0 auto to your table in your css.  You'll have to make a declaration.
table {margin:0 auto;}
0
 
JuamezCommented:
More foolproof might be this:

body > table {margin:0 auto;}

So that when he uses tables elsewhere, they don't get styled by this rule.
0
 
ibewlocal98Author Commented:
I added to styull.css

table {
      margin: 0px auto ;
}

deleted vertical-align from reset.css, and no change.

Juamez, where do you want me to try this code?
0
 
JuamezCommented:
Anywhere in your css, that would be fine.

Also, try this modified piece of css code you previously used:

.td_top, .td_top * {
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      margin-top: 0px;
      padding-top: 0px;
}

Notice I added ", .td_top *" to the first line of the css code, which implies that this rule applies to the TD, but also to all of its children aswell. That may break some things in your design, but it might also help you with your problem. But then, I reckon this already happened when you used the reset stylesheet, so it might be useless.
0
 
LZ1Commented:
I can see things showing up in FF now.  What do you mean no change?  We've started our way to compliance and proper HTML.  
Good call Juamez.  Could even go one further and give the table a class or ID.
0
 
ibewlocal98Author Commented:
Added with no change:

.td_top, .td_top * {
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      margin-top: 0px;
      padding-top: 0px;
}
0
 
JuamezCommented:
The funny thing is that it shows up almost perfectly in IE8 and Opera 10.51, but it's still quite broken in Firefox 3.6. I wonder why that might be.

In Chrome 4.1 the background doesn't show up at all, so there is no telling if it is properly aligned there.
0
 
ibewlocal98Author Commented:
Added table code, no change.  And yes, the .td from Juamez brought back some page elements in ff.


table {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

Open in new window

0
 
LZ1Commented:
Try this:
<!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>
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:none repeat scroll 0 0 transparent;
border:0 none;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
}
body {
line-height:1;
}
ol, ul {
list-style:none outside none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:none;
}
:focus {
outline:0 none;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
margin:0;
}
</style>
<style> 

body {
	margin-top:0;
	vertical-align:middle;
	width:100%;
	height:100%;
	background: #fff url(http://www.itphilly.com/test/keenans/images//bg.jpg) repeat-x 0px;
}
table {
margin:0 auto;
}
#content {
background-color:#FFFFFF;
height:850px;
margin-top:0;
padding:0;
text-indent:0;
width:757px;
}
#flash {
background-color:#FFFFFF;
height:300px;
width:690px;
z-index:-10;
}
#footer {
background-color:#FFFFFF;
height:37px;
width:757px;
}
h1 {
background-color:#3264C7;
color:#FFFFFF;
font-family:Verdana,Geneva,sans-serif;
font-size:18px;
text-transform:uppercase;
}
h2 {
color:#3165C6;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
font-weight:bold;
padding-left:0;
text-decoration:underline;
text-transform:uppercase;
}
li {
color:#003366;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
list-style-position:inside;
list-style-type:disc;
margin-right:0;
padding-left:0;
padding-right:0;
text-indent:0;
}
h5 {
background-position:center top;
clip:rect(1px, auto, auto, auto);
color:#003366;
font-size:12px;
font-weight:bold;
position:absolute;
text-align:center;
text-decoration:underline overline;
text-transform:uppercase;
top:415px;
}
h3 {
background-color:#FFFFEC;
color:#3165C6;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:24px;
font-weight:bold;
padding-left:0;
text-decoration:underline;
text-transform:uppercase;
}
td {
color:#003366;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
}
.td_top {
border-width:0;
margin-top:0;
padding-top:0;
}
#marquee {
background-color:#FFFFFF;
color:#990000;
font-size:14px;
font-weight:bold;
height:20px;
text-transform:capitalize;
width:688px;
}
object {
border-style:none;
border-width:0;
margin:0;
padding:0;
}
img {
border-style:none;
border-width:0;
margin:0;
padding:0;
}
.tr_top {
border-width:0;
margin-top:0;
padding-top:0;
}

</style>
</head>

<body>
<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="http://www.itphilly.com/test/keenans/images//spacer.gif" width="224" height="1" border="0" alt="" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/images//spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/images//spacer.gif" width="757" height="1" border="0" alt="" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/images//spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/images//spacer.gif" width="17" height="1" border="0" alt="" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/images//logo.gif" width="224" height="182" border="0" id="logo" alt="logo" /></a></td>
   <td rowspan="9"><img name="index_r1_c2" src="http://www.itphilly.com/test/keenans/images//index_r1_c2.gif" width="1" height="1000" border="0" id="index_r1_c2" alt="" /></td>
   <td><img name="topPage" src="http://www.itphilly.com/test/keenans/images//topPage.gif" width="757" height="77" border="0" id="topPage" alt="topPage" /></td>
   <td rowspan="9"><img name="index_r1_c4" src="http://www.itphilly.com/test/keenans/images//index_r1_c4.gif" width="1" height="1000" border="0" id="index_r1_c4" alt="" /></td>
   <td rowspan="9"><img name="sideRight" src="http://www.itphilly.com/test/keenans/images//sideRight.gif" width="17" height="1000" border="0" id="sideRight" alt="sideRight" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/images//spacer.gif" width="1" height="77" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r2_c3" src="http://www.itphilly.com/test/keenans/images//index_r2_c3.gif" width="757" height="1" border="0" id="index_r2_c3" alt="" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/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/http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/images//spacer.gif" width="1" height="33" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r4_c3" src="http://www.itphilly.com/test/keenans/images//index_r4_c3.gif" width="757" height="1" border="0" id="index_r4_c3" alt="" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/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/http://www.itphilly.com/test/keenans/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="http://www.itphilly.com/test/keenans/images//spacer.gif" width="1" height="553" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="3"><img name="beer" src="http://www.itphilly.com/test/keenans/images//beer.gif" width="224" height="265" border="0" id="beer" alt="beer" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/images//spacer.gif" width="1" height="227" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r8_c3" src="http://www.itphilly.com/test/keenans/images//index_r8_c3.gif" width="757" height="1" border="0" id="index_r8_c3" alt="" /></td>
   <td><img src="http://www.itphilly.com/test/keenans/images//spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
  <tr>
   <td valign="top"></td>
   <td><img src="http://www.itphilly.com/test/keenans/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

0
 
JuamezCommented:
I noticed the top images that have those blue and white lines are located in the second row of the main table, not the first one. You can add the tr_top class to that row aswell, and also add the td_top class to all tablecells inside the second row. Maybe that will solve it finally.

Also change the class of the first row (tr) and add this style rule to your stylesheet:

tr_first_row {
    display: none !important;
}

I can see a lot of images with height: 1px inside that row, and I'm guessing that is what causing the problems.

You can also just delete that first row entirely, but that might be too risky if you don't want to lose anything of the original design.
0
 
JuamezCommented:
I've tried my solution of adding the display none for the first row to a user stylesheet in Opera, applied it locally and it works fine in Opera, all the blue and white lines for the complete width of the site are now perfectly aligned. Do try it!
0
 
ibewlocal98Author Commented:
@ LZ1 it looks great in ie8, but not Firefox still ... http://www.itphilly.com/test/keenans/index3.html

@Juamez code attached, no change. ... http://www.itphilly.com/test/keenans/index3.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" />

<!--Fireworks CS3 Dreamweaver CS3 target.  Created Wed Apr 14 12:24:08 GMT-0400 (Eastern Daylight Time) 2010-->
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<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 class="tr_top">
   <td class="td_top"><img src="images/spacer.gif" width="224" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="757" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
   <td class="td_top"><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 class="td_top"><img name="topPage" src="images/topPage.gif" width="757" height="77" border="0" id="topPage" alt="topPage" /></td>
   <td class="td_top" 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 class="td_top" 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

0
 
ibewlocal98Author Commented:
Juamez,

Added it but not sure if I added it correctly:

Keep in mind, I am still learning here :)

<!-- fwtable fwsrc="KeenansTemplate10.png" fwpage="Page 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "43551505" fwnested="0" -->
  <tr class="tr_top">
   <td class="td_top"><img src="images/spacer.gif" width="224" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="757" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="17" height="1" border="0" alt="" /></td>
   <td class="td_top"><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
.tr_top {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
	display: none !important;
}

Open in new window

0
 
LZ1Commented:
Working on a table-less version for you.  
0
 
ibewlocal98Author Commented:
www.itphilly.com/test/index2.html

thanks LZ1 & Juamez
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.