...

View Full Version : Don't Want Space Between Tables



FlaPnthrsPunk
10-27-2011, 04:56 PM
Hey everyone,

I'm working on this page http://www.executivetravellink.com/flights-test.htm. I have included two seperate very basic tables that I don't want much space between, but as you can see on the page, something is going wrong and there is a huge gap in between the two tables. This only seems to happen in Internet Explorer as Firefox automatically fixes the problem.

If anyone can figure out a solution for this issue, it would be much appreciated.

Thanks in advance :D


Here's the code of the two tables so you wouldn't have to check the source code of the entire page:

<table style="width: 670px; border: #000000 0px solid;" border="0" cellpadding="2" align="center">
<tbody>
<tr>
<td style="text-align: center;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LAX%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><img src="images/la-ny.jpg" alt="" width="166" height="124" /></a></td>
<td style="text-align: center;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LGB%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><img src="images/la-sf.jpg" alt="" width="166" height="124" /></a></td>
<td style="text-align: center;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ORD%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><img src="images/chi-ny.jpg" alt="" width="166" height="124" /></a></td>
</tr>
<tr>
<td style="text-align: center;"><span style="text-decoration: underline;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LAX%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c">Los Angeles to New York</a></strong></span></td>
<td style="text-align: center;"> <strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LGB%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c">Los Angeles to San Francisco</a></strong></td>
<td style="text-align: center;"><span style="text-decoration: underline;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ORD%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c">Chicago to New York</a></strong></span></td>
</tr>
<tr>
<td style="text-align: center;"><strong>from <span style="color: #ff6600;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LAX%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$184.40</span></a></span> one way </strong></td>
<td style="text-align: center;"> <strong>from <span style="color: #ff6600;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LGB%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$131.00</span></a></span> one way</strong></td>
<td style="text-align: center;"><strong>from <span style="color: #ff6600;"><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ORD%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$120.33</span></a></span> one way </strong></td>
</tr>
</tbody>
</table>
<table style="background-color: #ffffcc; width: 670px; border: #000000 2px solid;" border="2" cellspacing="2" cellpadding="2" align="center">
<tbody>
<tr>
<td colspan="5"><img src="images/cheap-flights-banner.jpg"></td>
</tr>
<tr>
<td><span style="text-decoration: underline;"><strong>Departure</strong></span></td>
<td><span style="text-decoration: underline;"><strong>Destination</strong></span></td>
<td><span style="text-decoration: underline;"><strong>Travel Date</strong></span></td>
<td><span style="text-decoration: underline;"><strong>Airline</strong></span></td>
<td><span style="text-decoration: underline;"><strong>From</strong></span></td>
</tr>
<tr>
<td><span style="color: #0000ff;"><strong>Los Angeles</strong></span></td>
<td><strong><span style="color: #008080;">New York</span></strong></td>
<td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td>
<td><img src="images/jetblue-thumb.jpg"><br>
<img src="images/us-airways-thumb.jpg"></td>
<td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LAX%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$184.40</span></a></strong></span></td>
</tr>
<tr> </tr>
<tr> </tr><tr> </tr>
<tr> </tr>
<tr>
<td><span style="color: #0000ff;"><strong>Los Angeles</strong></span></td>
<td><strong><span style="color: #008080;">San Francisco</span></strong></td>
<td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td>
<td><img src="images/jetblue-thumb.jpg"></td>
<td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=LGB%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$131.00</span></a></strong></span></td>
</tr>
<tr> </tr>
<tr> </tr><tr> </tr>
<tr> </tr>
<tr>
<td><span style="color: #0000ff;"><strong>Chicago</strong></span></td>
<td><strong><span style="color: #008080;">New York</span></strong></td>
<td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td>
<td><img src="images/delta-thumb.jpg"></td>
<td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ORD%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$120.33</span></a></strong></span></td>
</tr>
<tr> </tr>
<tr> </tr><tr> </tr>
<tr> </tr>
<tr>
<td><span style="color: #0000ff;"><strong>Boston </strong></span></td>
<td><strong><span style="color: #008080;">New York</span></strong></td>
<td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td>
<td><img src="images/jetblue-thumb.jpg"><br>
<img src="images/delta-thumb.jpg"><br></td>
<td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=BOS%7cJFK%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$128.63</span></a></strong></span></td>
</tr>
<tr> </tr>
<tr> </tr><tr> </tr>
<tr> </tr>
<tr>
<td><span style="color: #0000ff;"><strong>Miami</strong></span></td>
<td><strong><span style="color: #008080;">New York</span></strong></td>
<td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td>
<td><img src="images/airtran-thumb.jpg"><br>
<img src="images/us-airways-thumb.jpg"></td>
<td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=FLL%7cLGA%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$128.66</span></a></strong></span></td>
</tr>
<tr> </tr>
<tr> </tr><tr> </tr>
<tr> </tr>
<tr>
<td><span style="color: #0000ff;"><strong>Atlanta</strong></span></td>
<td><span style="color: #008080;"><strong>New York</strong></span></td>
<td><span style="color: #993300;"><strong>November 3, 2011</strong></span></td>
<td><img src="images/us-airways-thumb.jpg"><br></td>
<td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=ATL%7cHPN%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$233.90</span></a></strong></span></td>
</tr>
<tr> </tr>
<tr> </tr><tr> </tr>
<tr> </tr>
<tr>
<td><strong><span style="color: #0000ff;">New York</span></strong></td>
<td><strong><span style="color: #008080;">San Francisco</span></strong></td>
<td><strong><span style="color: #993300;">November 3, 2011</span></strong></td>
<td><img src="images/delta-thumb.jpg"><br>
<img src="images/jetblue-thumb.jpg"></td>
<td><span style="color: #ff6600;"><strong><a href="https://book.executivetravellink.com/web/air/results.aspx?siid=47192&AirSegCount=1&aCount=1&cCount=0&iLCount=0&Airline=&Class=Economy&DirectFlight=False&Refundable=False&AirSeg_1=JFK%7cSFO%7c11%2f03%2f2011%7c%7c-1%7c-1%7c%7c"><span style="color: #ff6600;">$197.42</span></a></strong></span></td>
</tr>
</tbody>
</table>

VIPStephan
10-27-2011, 05:15 PM
#1: The “featured offers” thing should not be marked up as table.
#2: Remove the bottom-margin rule for tables in master.css

FlaPnthrsPunk
10-27-2011, 05:29 PM
Thanks for the tip Stephan :) I made those changes, but unfortunately am still getting the same issue to occur.

FlaPnthrsPunk
10-27-2011, 05:55 PM
I was able to solve the problem. It was because of all of the empty table rows that I included in between every row in the second table.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum