JamesCliff
Programmer
Hi all, this is my site
Im still making it now so its not finished yet. The site is set at 780 px in width, and has a dynamic or liquid height in such terms. If you click on the link above, you will be taken to the blank home page. You will see on the home page that there is no content so the site index page is small in the browser and in most resolutions does not take up the full height of the browser.
Now what im trying to do is get it so that if there is little or no content on a page the page lengthens out to the length of the browser window, so that there is no gap between the bottom of the site and the bottom of the browser window, and the content box of the index.php stretches out to the bottom of the browswer. When there is loads of content on one page eg. the sales page, then it dosnt matter because the amount of content is so high, the page would auto stretch as much as it needed, thus making the page over fill the browser window creating a scroll bar.
So basiclly i want the page to auto stetch to the bottom of the browser window when it hasnt enough or has no content to make it longer than the browser window if you understand me. However at the same time i do not want it to create a vertical scroll bar, just want it level with the bottom.
Here is my page code so you can see the structure of my index.php:
Thanks alot in advance.
Im fairly stuck with this one so any help is greatly appriciated.
Thanks again
Jim
Im still making it now so its not finished yet. The site is set at 780 px in width, and has a dynamic or liquid height in such terms. If you click on the link above, you will be taken to the blank home page. You will see on the home page that there is no content so the site index page is small in the browser and in most resolutions does not take up the full height of the browser.
Now what im trying to do is get it so that if there is little or no content on a page the page lengthens out to the length of the browser window, so that there is no gap between the bottom of the site and the bottom of the browser window, and the content box of the index.php stretches out to the bottom of the browswer. When there is loads of content on one page eg. the sales page, then it dosnt matter because the amount of content is so high, the page would auto stretch as much as it needed, thus making the page over fill the browser window creating a scroll bar.
So basiclly i want the page to auto stetch to the bottom of the browser window when it hasnt enough or has no content to make it longer than the browser window if you understand me. However at the same time i do not want it to create a vertical scroll bar, just want it level with the bottom.
Here is my page code so you can see the structure of my index.php:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>GB Plant and Machinery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel='stylesheet' href='config/style.css' type='text/css'>
</head>
<body>
<?php
if (!$_GET["page"]) {
$_GET["page"] = "home";
}
$content = $_GET["page"] . ".php";
if (!file_exists($content)) {
$content = "404.php";
}
?>
<table width="100%" height="46%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td height="211" valign="top"><table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="113" colspan="7"><img src="images/index_01.gif" width="780" height="113"></td>
</tr>
<tr>
<td width="7"><img src="images/index_02.gif" width="7" height="23"></td>
<td width="138"><a href="index.php?page=home"><img src="images/index_03.gif" width="138" height="23" border="0"></a></td>
<td width="155"><a href="index.php?page=sales"><img src="images/index_04.gif" width="155" height="23" border="0"></a></td>
<td width="162"><a href="index.php?page=about"><img src="images/index_05.gif" width="162" height="23" border="0"></a></td>
<td width="165"><a href="index.php?page=contact"><img src="images/index_06.gif" width="165" height="23" border="0"></a></td>
<td width="146"><a href="index.php?page=admin"><img src="images/index_07.gif" width="146" height="23" border="0"></a></td>
<td width="7"><img src="images/index_08.gif" width="7" height="23"></td>
</tr>
<tr>
<td height="17" colspan="7"><img src="images/index_09.gif" width="780" height="17"></td>
</tr>
<tr>
<td colspan="7"><table width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100%" background="images/index_16.gif" bgcolor="E6E8E8"><?php include($content); ?></td>
</tr>
<tr>
<td height="40"><img src="images/index_15.gif" width="780" height="40"></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>Thanks alot in advance.
Im fairly stuck with this one so any help is greatly appriciated.
Thanks again
Jim
