bottom.inc on the bottom of the screen [Archive] - Cyber Tech Help Support Forums

View Full Version : bottom.inc on the bottom of the screen

vazz

July 31st, 2004, 04:08 PM

i have page with header.inc and bottom.inc
how to make that bottom.inc would be on the bottom of the screen even if have only few lines on my main page?

degsy

July 31st, 2004, 04:50 PM

Depends on your page setup.

You can do it with CSS in various different ways, but it depends on what is included in bottom.inc and how your site is structured (tables or divs etc.)

vazz

August 1st, 2004, 05:28 PM

i have tables. One table in main file + one table in header and one table in footer

degsy

August 1st, 2004, 05:30 PM

You can use CSS to set the table height to 100%

Can you post a link to your page or some example code.

vazz

August 3rd, 2004, 03:59 PM

<body style="margin:0px;">
<table width="800" height="138" border="0" cellpadding="0" cellspacing="0" align="center">

<tr>
<td colspan="6"> <img src="images/header_logo.jpg" width="800" height="101"></td>
</tr>
<tr>
<td><a href="default.asp"><img src="images/header_home.gif" width="70" height="37" border="0"></a></td>
<td> <a href="new_account.asp"><img src="images/header_list.gif" width="132" height="37" border="0"></a></td>
<td> <a href="default.asp"><img src="images/header_find.gif" width="134" height="37" border="0"></a></td>
<td> <a href="signin.asp"><img src="images/header_signin.gif" width="76" height="37" border="0"></a></td>
<td> <a href="help.asp"><img src="images/header_help.gif" width="62" height="37" border="0"></a></td>
<td>
<img src="images/header_lang.jpg" width="326" height="37" alt="coming soon"></td>
</tr>
</table>



<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<p align="center">
<p align='center'>Please, try again.<BR><p align='center'><a href=javascript:history.back();><< Back</a></p>
</p>
</td>
</tr>
</table>



<table width="800" height="29" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td rowspan="2"> <img src="images/foot_1.gif" width="91" height="62" alt=""></td>
<td> <a href="new_account.asp"><img src="images/foot_list.gif" width="104" height="26" border="0"></a></td>
<td> <a href="default.asp"><img src="images/foot_find.gif" width="90" height="26" border="0"></a></td>
<td> <a href="help.asp"><img src="images/foot_help.gif" width="36" height="26" border="0"></a></td>
<td> <a href="<A href="mailto:"><img">mailto:"><img src="images/foot_contact.gif" width="69" height="26" border="0" alt="Contact Us"></a></td>
<td> <a href="ad.asp"><img src="images/foot_ad.gif" width="98" height="26" border="0" alt=""></a></td>
<td rowspan="2"> <img src="images/foot_3.gif" width="312" height="62"></td>
</tr>
<tr>
<td colspan="5"> <img src="images/foot_2.gif" width="397" height="36" alt=""></td>
</tr>
</table>


thanks

degsy

August 3rd, 2004, 04:04 PM

Here is a quick example.
Nesting your tables within a main table with a height of 100%

<table style="height: 100%">
<tr>
<td>


<table width="800" height="138" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="6"> <img src="images/header_logo.jpg" width="800" height="101"></td>
</tr>
<tr>
<td><a href="default.asp"><img src="images/header_home.gif" width="70" height="37" border="0"></a></td>
<td> <a href="new_account.asp"><img src="images/header_list.gif" width="132" height="37" border="0"></a></td>
<td> <a href="default.asp"><img src="images/header_find.gif" width="134" height="37" border="0"></a></td>
<td> <a href="signin.asp"><img src="images/header_signin.gif" width="76" height="37" border="0"></a></td>
<td> <a href="help.asp"><img src="images/header_help.gif" width="62" height="37" border="0"></a></td>
<td>
<img src="images/header_lang.jpg" width="326" height="37" alt="coming soon"></td>
</tr>
</table>

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


<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<p align="center">
<p align='center'>Please, try again.<BR><p align='center'><a href=javascript:history.back();><< Back</a></p>
</p>
</td>
</tr>
</table>

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


<table width="800" height="29" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td rowspan="2"> <img src="images/foot_1.gif" width="91" height="62" alt=""></td>
<td> <a href="new_account.asp"><img src="images/foot_list.gif" width="104" height="26" border="0"></a></td>
<td> <a href="default.asp"><img src="images/foot_find.gif" width="90" height="26" border="0"></a></td>
<td> <a href="help.asp"><img src="images/foot_help.gif" width="36" height="26" border="0"></a></td>
<td> <a href="<A href="<A href="mailto:"><img">mailto:"><img">mailto:"><img">mailto:"><img src="images/foot_contact.gif" width="69" height="26" border="0" alt="Contact Us"></a></td>
<td> <a href="ad.asp"><img src="images/foot_ad.gif" width="98" height="26" border="0" alt=""></a></td>
<td rowspan="2"> <img src="images/foot_3.gif" width="312" height="62"></td>
</tr>
<tr>
<td colspan="5"> <img src="images/foot_2.gif" width="397" height="36" alt=""></td>
</tr>
</table>

</td>
</tr>
</table>