asked on

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 , it fixes the IE issue, but not firefox.
ie:



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

Juamez

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.

IBEW

ASKER

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

LZ1

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

IBEW

ASKER

I exported this directly from Photoshop into Dreamweaver. So the layout and structure was created there.

LZ1

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

IBEW

ASKER

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

LZ1

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

Juamez

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.

IBEW

ASKER

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?

Juamez

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.

LZ1

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.

IBEW

ASKER

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

Juamez

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.

IBEW

ASKER

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

LZ1

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

Juamez

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.

Juamez

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!

IBEW

ASKER

@ 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

IBEW

ASKER

Juamez,

Added it but not sure if I added it correctly:

Keep in mind, I am still learning here :)


<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

LZ1

Working on a table-less version for you.

ASKER CERTIFIED SOLUTION

LZ1

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

IBEW

ASKER