Solved

How can I make a table row fill a page regardless of its contents?

Posted on 2004-04-03
5
256 Views
Last Modified: 2010-04-06
Look at this site:  http://profjurtz.no-ip.com

I'd like to make the three table columns fill the entire page.  Right now the row that they are contained in, only grows proporionately to the amount of data contained therein.  Ideally, I'd like those columns to fill the entire page even if none of the columns contain a full page of text.
0
Comment
Question by:JDmears3
5 Comments
 
LVL 17

Accepted Solution

by:
dorward earned 150 total points
ID: 10751320
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 100 total points
ID: 10752075
If you are using a table for layout, you would be better to convert to CSS, but if the table is for data presentation or converting to CSS is not possible at thei time, then you need a scripted solution.  With this whenever the table is less than the height of the screen it will extend downward.  When the table height exceeds the screen height, it is unaffected.

Tested for IE6 and Mozilla 1.6

Cd&


<html><head><title>none</title>
<script type="text/javascript">
<!--
   function setH()
   {
      if (document.documentElement && document.documentElement.clientHeight)
         H=document.documentElement.clientHeight;
      else
         H=document.body.clientHeight;
         obj=document.getElementById('thetable')
      tabH=Math.max(obj.offsetHeight,H-obj.offsetTop);
      obj.style.height=tabH+'px';
   }
onload=setH;
//-->
</script>
</head>
<body>
<table id="thetable" border="1">
<tr>
    <td align=center class="data"> DATA </td>
    <td align=center class="data"> DATA </td>
    <td align=center class="data"> DATA </td>
</tr>
</table>
</body>
</html>
0
 

Expert Comment

by:strolfey
ID: 10761385
I assume you mean fill the page vertically? Have you tried height="100%" for the table?
0
 

Author Comment

by:JDmears3
ID: 10762881
I got both solutions to work in test files.  I'm going to go with the solution posted by dorward, but COBOLdinosaur's solution worked w/o having to modify my current design.

Thanks a lot guys!
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 10765654
Glad we could help.  Thanks for the A. :^)

Cd&
0

Featured Post

Complete VMware vSphere® ESX(i) & Hyper-V Backup

Capture your entire system, including the host, with patented disk imaging integrated with VMware VADP / Microsoft VSS and RCT. RTOs is as low as 15 seconds with Acronis Active Restore™. You can enjoy unlimited P2V/V2V migrations from any source (even from a different hypervisor)

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Article by: Matthew
I am a very big proponent of technology compliance standards and strive to meet such criteria in all of my work. That includes my site, which is 100% XHTML 1.0 compliant as determined by the World Wide Web Consortium. https://www.matthewstevenkel…
Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question