SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: Table Heights

Threaded View

  1. #1
    SitePoint Addict avstu's Avatar
    Join Date
    May 2005
    0 Post(s)
    0 Thread(s)

    Table Heights

    Just wondering if somebody could help me. Ive just designed a new layout and everything looks great except theres one thing i need to do. I want to make my layout so it fills the whole screen heightwise if you get me.

    At the moment it fits flush at the top of the page but doesnt reach all the way down to the bottom of the page unless i have lots of content in the table.

    Heres my coding (thanks in advcance)

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    <title>Welcome to</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="style.css" type="text/css" rel="stylesheet" />
    <style type="text/css">
    body {
    background-image: url(images/bk.gif);
    <table width="750" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <td height="175" colspan="3" valign="top"><table id="Table_01" width="750" height="175" border="0" cellpadding="0" cellspacing="0">
    <td rowspan="4"> <img src="images/01.gif" width="24" height="175" alt=""></td>
    <td rowspan="4"> <img src="images/02.gif" width="168" height="175" alt=""></td>
    <td colspan="3"> <img src="images/03.gif" width="532" height="51" alt=""></td>
    <td rowspan="4"> <img src="images/05.gif" width="26" height="175" alt=""></td>
    <td> <img src="images/07.gif" width="156" height="57" alt=""></td>
    <td> <img src="images/08.gif" width="215" height="57" alt=""></td>
    <td> <img src="images/09.gif" width="161" height="57" alt=""></td>
    <td colspan="3"> <img src="images/10.gif" width="532" height="17" alt=""></td>
    <td colspan="3"> <table width="532" height="50" border="0" cellspacing="0" cellpadding="0">
    <td valign="middle" bgcolor="#F2F2F2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <td width="20"><div align="left"><img src="images/home.gif" width="15" height="14"></div></td>
    <td width="50"><div align="left">Home</div></td>
    <td width="20"><div align="left"><img src="images/about.gif" width="11" height="14"></div></td>
    <td width="50"><div align="left">About</div></td>
    <td width="20"><div align="left"><img src="images/tutorial.gif" width="15" height="14"></div></td>
    <td width="60"><div align="left">Tutorials</div></td>
    <td width="20"><div align="left"><img src="images/download.gif" width="15" height="14"></div></td>
    <td width="67"><div align="left">Downloads</div></td>
    <td width="20"><div align="left"><img src="images/shop.gif" width="15" height="14"></div></td>
    <td width="72"><div align="left">Online Store </div></td>
    <td width="20"><div align="left"><img src="images/link.gif" width="14" height="13"></div></td>
    <td width="50"><div align="left">Links</div></td>
    <td width="20"><div align="left"><img src="images/contact.gif" width="15" height="15"></div></td>
    <td width="50"><div align="left">Contact</div></td>
    </table> </td>
    <td width="22" height="203" background="images/04.gif">&nbsp;</td>
    <td width="706" bgcolor="#F2F2F2"><p>Content here</p> </td>
    <td width="22" height="203" background="images/06.gif">&nbsp;</td>
    <td height="100%" background="images/04.gif">&nbsp;</td>
    <td height="100%" bgcolor="#F2F2F2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <td><div align="center">
    $lbt = microtime (); // start 
    $lba = explode ( " " , $lbt); 
    $lbt = $lba[ 0 ] + $lba[ 1 ]; 
    $let = microtime (); // end 
    $lea = explode ( " " , $let); 
    $let = $lea[ 0 ] + $lea[ 1 ]; 
    $total = $let - $lbt; //little bit of maths
    echo "Page Generated in " .round ($total, 5 ) . "seconds" ; // add more place values by changing the 5 
    &copy; 2006 and all its content. All rights reserved.<br>
    <td height="100%" background="images/06.gif">&nbsp;</td>
    Last edited by stymiee; Sep 9, 2006 at 10:39.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts