|
Web Development & Graphic Design Problem Solving for Graphic Design, PHP, ASP, Perl, MySQL, SQL, XML, HTML issues |
![]() |
|
Topic Tools |
#1
|
|||
|
|||
![]()
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? |
#2
|
||||
|
||||
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.) |
#3
|
|||
|
|||
i have tables. One table in main file + one table in header and one table in footer
|
#4
|
||||
|
||||
You can use CSS to set the table height to 100%
Can you post a link to your page or some example code. |
#5
|
|||
|
|||
<!--header.inc-->
<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> <!--header.inc end--> <!--main page--> <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> <!--main page end--> <!--bottom.inc--> <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> <!--bottom.inc end--> thanks |
#6
|
||||
|
||||
Here is a quick example.
Nesting your tables within a main table with a height of 100% Code:
<table style="height: 100%"> <tr> <td> <!--header.inc--> <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> <!--header.inc end--> </td> </tr> <tr> <td> <!--main page--> <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> <!--main page end--> </td> </tr> <tr> <td> <!--bottom.inc--> <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> <!--bottom.inc end--> </td> </tr> </table> |
![]() |
Bookmarks |
«
Previous Topic
|
Next Topic
»
Topic Tools | |
|
|
![]() |
||||
Topic | Topic Starter | Forum | Replies | Last Post |
lost the volume controls on the bottom of my screen ... | dagambler | Windows Vista | 5 | September 16th, 2009 11:19 PM |
Time at bottom of screen | mumford68 | Comments & Suggestions | 7 | April 16th, 2009 06:35 PM |
Bottom third of screen has gone blurry | StephanieSS | Windows XP | 3 | May 19th, 2008 02:25 PM |
Bar on bottom of screen? | caperchick10 | Windows XP | 2 | June 7th, 2005 12:29 AM |
loss of downloading status bar at bottom of IE 6 screen. | jaybee2 | Internet / Browsers | 7 | January 18th, 2004 12:16 PM |
All times are GMT +1. The time now is 09:59 AM.