...

View Full Version : Enbedded table creating extra horizontal pixels..



CypSteel
03-10-2007, 01:41 AM
Page served at http://www.kingairinc.com

Problem has to do with the table creating this extra space (shown in blue)you can see in this screenshot. I have tried specifying height. I have tried using valign. I also tried redoing the table from scratch. I can't seem to tell where the lines are coming from. Any insight will be much appreciated. If I can provide any more information, please don't hesitate to ask.

http://www.spheresedge.com/images/codingforums/SS.gif

I have tried to comment as much as possible here to provide any insight for anyone debugging this. After loading the link above, all comments should be self explanitory. Again, if I can provide any more info, please dont' hesitate to ask.

Thanks in advance,




<body marginwidth="" leftmargin="" marginheight="0" topmargin="0">

<table width="100%" border="0" cellpadding="0" cellspacing="0"> <!-- Outside Table-->
<tr valign="top">
<td align="center">
<table class="ConText" rules="rows" border="0" width="775"cellpadding="0" cellspacing="0">
<tr valign="top"> <!-- Header color strip-->
<td class="NoBorder" height="10" bgcolor="#E40000">
</td>
</tr>
<tr valign="top"> <!-- 1 Pixel Line-->
<td height="1" bgcolor="#000000">
</td>
</tr>
<tr valign="top"> <!-- Row for Flash Image-->
<td class="BottomBorderBlack" height="5" bgcolor=""> <!-- Holder for Flash Files-->
<table width="775" border="0" cellpadding="0" cellspacing="0" bgcolor="#56CBFF">
<tr valign="top">
<td class="RightBorder"> <!-- Top Left Flash Image-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="522" height="150" id="dynamicMovie" align="middle">
<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="images/traneshow.swf">
<param name="quality" value="high">
<embed play=true src="images/traneshow.swf" quality="high" width="522" height="150" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
</td>
<td > <!-- Top Right Flash Image-->
<img src="images/kinglogo.gif" />
</td>
</tr>
</table> <!-- Cyp-->
</td>
</tr>
<tr valign="top">
<td height="1" bgcolor="#000000">
</td>
</tr>
<tr valign="top"> <!-- Row for Middle flash-->
<td class="BottomBorderBlack">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="775" height="50" id="dynamicMovie" align="middle"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="flash/kingwide.swf">
<param name="quality" value="high"><embed play=true src="flash/kingwide.swf" quality="high" width="775" height="50" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
</td>
</tr>
<tr valign="top"> <!-- 15 Pixel Line-->
<td height="5" bgcolor="#FFFFFF">
</td>
</tr>
<tr valign="top"> <!-- Row for Main Body-->
<td class="MainTextCell"><table border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td class="MenuCell" align="center" valign="top" width="200" nowrap> <!-- Column for Menu-->
<table cellpadding=0 cellspacing=0 border=0> <!-- Table holding Menu-->
<tr>
<td valign="top">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH=170 HEIGHT=410>
<PARAM NAME=movie VALUE="images/menu.swf">
<PARAM NAME=menu VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=FFFFFF>
<PARAM NAME=scale VALUE=noscale>
<EMBED src=menu.swf menu=false quality=high wmode=transparent
scale=noscale bgcolor=FFFFFF WIDTH=170 HEIGHT=410 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>

</td>
</tr>
<tr>
<td><div align="center"><img src="images/tranec4.gif" /></div></td>
</tr>

</table>
<!-- Left logos-->
<div align=Center>
<br> <img src='images/nate2.gif' width="120" height="120" border=0 > </div>

</td>
<td width="1" bgcolor="#000000">
</td>
<!-- Column whole right main--> <td valign="top" width="550"><table width="550" border="0" cellpadding="0" cellspacing="0">
<tr valign="top"> <!-- Row for top main-->
<td align="center" width="500">
<table cellspacing="0" cellpadding="15" width="550" border="0">
<tbody>
<tr valign="top">
<td style="width: 550px" align="center">
<div align="center">
<p>King Air Conditioning is the solution for all your air conditioning and heating needs.</p>
<p align="center">&ldquo;<em><strong>WE DO IT RIGHT!</strong></em>&rdquo;</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <!--Table for bullets and pic -->
<td><img src="images/homelogo.jpg" /></td>
<td> <div align="left">
<ul type="disc">
<li>Residential </li>
<li>Commercial</li>
<li>New Construction</li>
<li>Repair all makes and models</li>
<li>Installation</li>
<li>Customer Assurance Pricing</li>
</ul>
</div></td>
<td> <div align="left">
<ul type="disc">
<li>Equipment Replacement</li>
<li>Preferred Maintenance Agreements</li>
<li>Factory Trained Technicians</li>
<li>NATE Certified Lead Technician</li>
<li>Free Second Opinion on compressor/heat exchanger failures</li>
<li>Senior Citizen Discount</li>
</ul>
</div></td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="9">
<tr>
<td><img src="images/bbbtemp.gif" width="100" height="100" /></td>
<td>
<div align="center">
<p>
&ldquo;We recommend TRANE Equipment&rdquo;<br />
Thousands of satisfied customers depend on
King Air&rsquo;s Exclusive Services and Warranties. <br />
Call 972-494-1957!<br /><br />



</p>
</div></td>
<td><div align="right"><img src="images/stoptrane.gif" width="120" height="55" /></div></td>
</tr>
<tr>
<td></td>
<td>
<div align="center"><strong>King Air Inc.</strong><br />
1406 Forest Lane<br />
Garland, Texas&nbsp; 75042 <br />
<br />
</div></td>
<td>
</td>
</tr>


</table>
<div align="center"><em>“These people are over the top when it comes to excellent service. I am grateful to have them take care of my TRANE, which, by the way, I am very happy with.” </em></div>
<div align="right"><br />
-Margaret of Garland
</div>
</div></td></tr>
</tbody>
</table>
</td>
</tr>
<tr valign="top"> <!-- Second body section-->
<td align="center">
<div align=Center> <!-- 25yr thingie-->


</div>
</td>
</tr>

</table>
<br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="775" border="0" align="center" cellspacing="0">
<tr valign="top"> <!-- 1 Pixel Line-->
<td height="2" bgcolor="#000000">
</td>
<td height="2" bgcolor="#000000">
</td>
</tr>
<tr>
<td height="30" bgcolor="#E40000" class="NoBorder style1"> &nbsp;&nbsp;&nbsp;&copy;2007
King Air All rights reserved. </td>
<td height="30" bgcolor="#E40000" class="NoBorder style1"> <div align="right">Site Designed and Maintained by <a href="http://www.spheresedge.com" target="_blank">SE</a>. </div></td>
</tr>
</table>
</body>
</html>

jlhaslip
03-10-2007, 04:52 AM
Download Firefox or Opera and it all goes away. :)

At least now you know that you will be able to eliminate the problem by searching the Internet Explorer Table Hacks. Page looks fine in FF2 and Opera9. I only saw this problem in IE6 and IE7

CypSteel
03-10-2007, 03:59 PM
Thanks a ton Jlhaslip.

Also...after perusing this sight more, it seems I need to bring my CSS skills up to date and get rid of those old tables. I am surprised someone didn't beat me up about it in this post :D

jlhaslip
03-10-2007, 05:05 PM
I was tempted, but it was late in the evening and I was looking forward to going to bed, so didn't want to get too upset. That would've disturbed my sleep...

:D

Excavator
03-10-2007, 05:32 PM
Goodmorning CypSteel,
I was tempted to and didn't.
Have you seen what the validator has to say when it looks at your site? I can't help you with tables but you can see if the validator finds it for you.
Check out the links in my sig, about validating and using tables.

CypSteel
03-10-2007, 10:04 PM
Thanks again for all your insight guys.

So I have had my head crammed in a CSS book all morning and have started to rewrite the page from scratch. A question came to mind:

Is there any disadvantage to creating too many <div class> tags? And if I want to make a 10 pixel spacer bar, is <div class> the right way to do it?

Excavator
03-10-2007, 11:07 PM
Easy to get divitis. That's a real term, google it.
If you need a space use margin or padding to get it instead of a spacer.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum