CSS - Large Space Appears B4 Table

I have a page with some very large (dynamically populated) tables in an application. Is there a way to prevent these table from being pushed to a new page when printing?

I don't care where the tables break, but what I am trying to avoid is a printed header and then a huge gaping whitespace on the 1st printed page and then the table , that should have been printed just below the header, on a new second page.

Any thoughts?

Thanks, Stephen

In this table, the right column is displaying correct, the left column has an odd space appearing at the top.

Here's the page www.scarboroughrocks.com/inthenews.htm I don't see where that space is coming from at the top of the left column.

Here is the code:
Code:

<table width="531" border="1" cellpadding="2">
  <tr>
    <td width="251">
    <h4 align=center>NEWS ARTICLES</h4>
    <p><a href="http://www.worldnetdaily.com/news/article.asp?ARTICLE_ID=40550">"Joe Scarborough is one feisty guy"</a> - World Net Daily - 9/21/04 </p>
    <p><a href="http://www.teenspeaknews.com/vol4/issue4/issues/new_age_conservatism.html">New Age Conservatism</a> - TeenSpeakNews - Vol.4, Issue4</p>
    <p><a href="http://www.washingtonpost.com/ac2/wp-dyn?pagename=article&node=&contentId=A29236-2001Jul20">"Captive Parents: Scarborough shows support"</a> - Washington Post - 6/22/01</p>
    <p>&nbsp;</p>
    
    <h4 align=center>INTERVIEWS</h4>
    <p><a href="http://www.nationalreview.com/interrogatory/scarborough200403290839.asp">"Cuppa Joe"</a> - 3/29/04- National Review Online </p>
    <p>&nbsp;</p>
    <p><a href="http://www.chuckbaldwinlive.com/real2.html">Chuck Baldwin Radio Show</a> - 5/24/97 </p></td>
    
    <td width="260">
    <h4 align=center>COLUMNS</h4>
    <p><a href="http://www.jewishworldreview.com/0804/scarborough_archives.asp">Jewish World Review Archive </a> -4/03-9/04- awesome set, 150 in all</p>
     <p><a href="http://www.justgivemesometruth.org">Florida Sun - "From The Pub"</a>- Must Read!! From the newspaper he created, of a more personal nature </p>
     <p><a href="http://www.townhall.com/columnists/joescarborough/archive.shtml">TownHall.com</a> -5/03-7/03 - Other great columnists on this site too </p>
    <p><a href="http://www.learnathome.com/506998.html?view=print">Crosswalk.com</a> - On human rights</p>
    
     <h4 align=center>SPEECHES</h4>
     <p><a href="speeches.htm#farewell">Farewell Speech to Congress</a> - 9/5/01</p>
     <p><a href="speeches.htm#cuba">Human Rights in Cuba</a> - 4/24/01 </p>
     <p><a href="speeches.htm#balancingbudget">Balancing the Budget</a> - 3/2/99</p>
     <p><a href="speeches.htm#freeenterprise">The Power of Free Enterprise</a> - 3/5/98</p>
     <p><a href="speeches.htm#castro">On the Castro Murders</a> - 2/27/96  </p>
	
     <h4 align=center>TRANSCRIPTS</h4>
     <p><a href="http://www.msnbc.msn.com/id/3719710/">"Scarborough Country" Transcripts</a> - Scroll to the bottom of that page to find transcripts from the previous week. </p>
     <p>See the <a href="scarboroughcountry.htm">Show</a> page for older transcripts. </p></td>
  </tr>
</table>

Thanks ya'll. I've been over this one so many times, and can't figure why it's behaving so strangely.

I have an extra PHPNuke (Ravennuke 2.02) module for the start page. Several pieces of information are displayed in various cells of a table. I have a problem were there is some extra space at the beginning of a table that I cannot get rid of. I saved the output and uploaded he

http://www.linux-tutorial.info/index_test3.html

after the site title and before the tag line "The place where you learn Linux", there is a large space. In this example, the title is in a separate table, followed by a new table for the information blocks. If I put them in the same table the space appears before the title block. The relevant block of code looks like this:

Code:

<table border="0" cellpadding="0" cellspacing="0" width="100%"> 
 <tr valign="top"> 
 <td class="welcome_title_box" valign="top" colspan="2"> 
 <div align="center" class="welcome_main_title"> 
 Welcome to the <br>Linux Knowledge Base and Tutorial</div> 
 </td></tr></table> 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr><td valign="top" width="50%"> 
 <span class="subtitle">"The place where you learn Linux"</span> 
 <br><br> 
 Looking for an in-depth and easy-to-understand introduction to Linux? 
 Then look no further! 
 <br> 
 We don\'t just show you how to execute a handful of commands and use a few utilities. The Linux Tutorial goes beyond the basics, providing you with the knowledge necessary to get the most out of your Linux system. 
 <br><br> 
 Jump right in by clicking 
 <a href="http://www.linux-tutorial.info/modules.php?name=MContent&pageid=224"> 
 here</A>. 
 </td>

If I removed the highlighted code, the space appears before the site title.

If I remove the whole DIV containing the title, I still have the space above the tag line. This says to me that it is not related to the division. It seems that this row or the table itself is pulling the formatting from somewhere else. That would be a logical consequence of the cascading aspect of CSS, but I do no see where it is gettign the space from. Admittedly I am not all that good with CSS/formatting, so it is possible (if not likely) that I overlooked something.

Note that in the index_test3.html, I close the table at the end of the first row (prior to the list of news and threads) then open a new table:

Code:

</table><table border="0" cellpadding="0" cellspacing="0" width="100%" >

If I change BGCOLOR for the first table and then change the line above to this:

Code:

</table>HERE<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="RED">

The space is after the word "HERE".

If I remove this code, the extra space is right after the row/div with the site title and before the row with the tag-line.

This all make me think that the extra space is being added before the next table, as opposed to at the end of the previous table.

There are a number of posts in the CSS forum that I tried like changing the margin (style="margin: 0px"), but none of the solutions solved the problem. I have tried all sorts of combinations of spacing and alignment, but I cannot get rid of this space.

I have tried loaded the page with multiple browsers (Konqueror, FIrefox, IE 6) with the same results, so I do not think it is a browser specific issue.

Any and all input is greatly appreciated.

Hi All,

I am trying to make my table do the attached, where it has a border around the entire table but has a 2px space edge... Like the attched image, any ideas?