Member Avatar for Stefano Mtangoo

I have the page and the main page doesn't get to bottom. In short it doesn't fit up. Take the code and see what I mean. If you don't know PHP just replace it with <p> Garbage words</p>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" dir="ltr" lang="en-US">
		<head>
			<title>Test Page - Elijah Ministries</title>
			<link rel="stylesheet" type="text/css" href="/projects/elijah/elijah.css" />
		</head>
		
		<body>
			<?php
				$paths = getcwd(); // get the current working DIR path
			?>
		<!-- Main carrier to the web page -->
		<div>
			<!-- Header -->
			<div id="header"> 
			<br />
			<?php
				include("$paths/include/inc.header.php"); // include the header code
			?>
			</div>
			<!--Navigation Bar -->
			<div id="header_menu"> 
				<!-- Table for Menu -->
					<table style="text-align: left; width: 100%;" border="2" cellpadding="2" cellspacing="0">
					  <tr>
					  		<!-- Left Top Menu -->
					      <td>
									<?php
										include("$paths/include/inc.top_menu.php"); // include the header menu code
									?>
								</td>
					      
								<!-- Middle Top Menu -->
					      <td>
									<?php
										include("$paths/include/inc.top_menu2.php"); // include the header menu code
									?>
								</td>
					      
								<!-- Right Top Menu -->
					      <td>
									<?php
										include("$paths/include/inc.top_menu3.php"); // include the header menu code
									?>
								</td>
								
					  </tr>
					</table>
			</div>
			
			<!--Left Link Bar -->
			<div id="leftbar">
				<?php
					include("$paths/include/inc.side_bar.php"); // include the Left sidebar menu code
				?>
			</div>
			<!--Right bar -->
			<div id="mainarea">
				<?php
					include("$paths/include/inc.main.php"); // include the header menu code
				?>
			</div>
			<!-- Footer -->
			<div id="footer">
				 <?php
						include("$paths/include/inc.footer.php"); // include the header menu code
					?>
			</div>
		</div>

		</body>
<html>
  • 4 Contributors
  • 5 Replies
  • 79 Views
  • 3 Weeks Discussion Span
  • Latest Post Latest Post by almostbob
Member Avatar for almostbob

this code is useless for checking this problem
it does not include any of the includes or css
css controls positioning
the included files have content that may push the page around
post a link to the faulty page,

Member Avatar for MidiMagic

I can't tell from your text whether you are trying to match the height of another div, or trying to fit the browser window.

It is very hard to make a div the same height as a div to its side. The fluid nature of a div makes it impossible to force it to a specified height, except in the dreaded absolute terms. This is one of the cases where table works better.

You can't make a page fit the browser window, because you can't know what size the user's browser window is.

Different browsers, versions, screen resolutions, installed plugins, security settings, and window sizes make this practically impossible.

This is not an intended use of the Internet at the moment.

Member Avatar for Stefano Mtangoo

sorry guys, here is the css

/* 
    Document   : elijah
    Created on : 02-Nov-2008, 17:15:16
    Author     : Elijah Ministries
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {

     /* background: #A4ACB2 url("/projects/elijah/forum/styles/avalon/theme/images/body.gif");*/
    background-color:silver;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight:normal;
    font-size: 10px;
    color: black; 
    margin:0;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:5px;
    padding-top:0;
        }
    /* Links*/

    A:link {
            text-decoration: none;
            color: red;
}
    A:hover {
            text-decoration: none;
            color: red;
}
    A:active {
            text-decoration: none;
            color: red;
}
    A:visited {
            text-decoration: none;
            color: red;
}


h3{    text-decoration:none;
       font-weight:bold;
        color:black;
        padding-left:15px;
        


}
h4{
        text-decoration:none;
        font-weight:bold;
        color:black;
        padding-left:15px;
        text-align:center;

}

i{
    color:black;
}

p{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight:normal;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    color: black;

}

#main {
				width:99%;
}

#header{
            
    background-color: #007F78 ;
}

#header_menu{
		background-color:green;
		color:white;
		padding:5;
		margin:0;
		border:1px dashed white;
		line-height:1.5em;
}
#htext{

    color: white;
    text-align:center;
    font-weight: bold;
     background: url("/forum/styles/avalon/theme/images/logo_bg_headtext.gif") top left repeat-x;
     width:100%;
     height:65px;
     font-size:12px;
    }

#leftbar {
   
   	float:left;
    width: 230px;
    text-decoration:none;
    color:black;
    background-image: url("/projects/elijah/images/backgl.png");
    padding:5px 15px 5px 5px;
    
   
}

#mainarea{
    background-color: #ffffff;   
    margin:0;
    padding:10px;	
		overflow: hidden;
		height:100%;
	

}

#footer{

    background-color:black;
    color:white;
    text-align:center;
    color:white;
    height:50px;
    font-size:11px;
    float:left; 
		width:100%;
    
		}

.qt {

    font-style:italic;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight:normal;
    font-size: 12px;    
    margin: 5px;
    padding: 3px;
    border-style: solid;
    border-width: 1px;
    background-color: #cccccc;
    color: black;

    border-top-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    border-right-color: #666666;
}

.separator{
		background-color:maroon;
		height:10px;
}

.pop_window{
		border:1px;
		background-color:red;
}

.lister {
			list-style-type: none; 
			background-image:url("/projects/elijah/images/list.png");	
			background-position:0 50%;
			background-repeat:no-repeat;
			padding-left:30px;


}

.tip{
		margin-top:2px;
}
Member Avatar for MJ Pieterse

i don't know anything about php, but it seems that you put heigh values on some of your objects. i would suggest that you rather use % and also make sure that if you are using a master page, that you are listing the footer at the bottom of the content holder. that might cause another problem

Member Avatar for almostbob

Suggest reading the W3c guidlines.

On any screen but yours, those carefully crafted layouts look like crap.
Only relative sizes set for anything other than images and borders

Users set the text size on their screens to suit their vision, monitor size, screen resolution.

Some mindless developer decides that 12 px is body size, when your default on your pc is 24, just click away and bad mouth the site to everyone who asks.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.