PHP includes

leonardo001

I have problems positioning footer.php. I want it on the bottom of the page but cant figure it out how to do it. What am I doing wrong ? WHat do I miss?

See my problem here: http://www.trean.nu/306/index.php

Index.php koden:

<?php include 'http://www.trean.nu/306/php/head.php'; ?>

<?php include 'http://www.trean.nu/306/php/nav.php'; ?>

<?php include 'http://www.trean.nu/306/php/center.php'; ?>

<?php include 'http://www.trean.nu/306/php/right.php'; ?>


<div id="content">
<div id="innehall">

<!--INNEHALL STARTS HERE -->

<table width="490" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666">
  <tr>
    <td>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </td>
  </tr>
</table>
<!--INNEHALL ENDS HERE -->

<?php include 'http://www.trean.nu/306/php/footer.php'; ?>

center.php:

<div id="navcontainer-center">  

<table width="250" height="800" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#999999">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</td>
  </tr>
</table>


</div>

right.php:

<div id="right"> 

<table border="0" cellpadding="0" cellspacing="0" id=adsTbl>
              <tr>
                <td width="250" class=annons>annons:<br />

</td>
                  <td width="10">&nbsp;</td>
                  <td rowspan="2" align="left" valign="top" class=annons><a href="http://www.trean.nu/articles/nk/nk.php"><img src="http://www.trean.nu/images/banners/3AN002.gif" alt="Ber&auml;tta nyheten i 3:an! S&auml;tt in en annons!" width="108" height="932" border="0" /></a></td>
                  <td width="7" background="http://www.trean.nu/images/content/bgr001.gif" class=bgrColor>&nbsp;</td>
              </tr>
              <tr>
                <td class=annons><table width="250" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td height="1"></td>
                  </tr>
				  <tr>
                    <td height="124">
					<?
    include("http://www.trean.nu/Library/grattis.php");
		?></td>
                  </tr>
				  <tr>
                    <td height="4"></td>
                  </tr>
				  <tr>
                    <td height="124"><a href="http://www.trean.nu/articles/ung/tavling.php" target="_parent"><img src="http://www.trean.nu/images/banners/banner019.gif" alt="Tävla & Vinn en kamera" width=250 height=120 border="0" class=annons /></a></td>
                  </tr>
				  <tr>
                    <td height="124"><a href="http://www.trean.nu/main/aktuellt/biotavling.php" target="_parent"><img src="http://www.trean.nu/images/banners/banner016.gif" alt="Tävla & Vinn biobiljetter!" width=250 height=120 border="0" class=annons /></a></td>
                  </tr>
				  <tr>
                    <td height="124"><a href="http://www.trean.nu/articles/hh/hh.php" target="_parent"><img src="http://www.trean.nu/images/banners/banner020.gif" alt="Hus & Hem - inredning" width=250 height=120 border="0" class=annons /></a></td>
                  </tr>
				  <tr>
                    <td height="124"><a href="http://www.pb-design.se/" target="_blank"><img src="http://www.trean.nu/images/banners/banner009.gif" alt="P&B Design AB" width=250 height=120 border="0" class=annons /></a></td>
                  </tr>
				  <tr>
                    <td height="124"><a href="http://www.trean.nu/main/annons/sh.php"><img src="http://www.trean.nu/images/banners/adSh.gif" alt="Service & Hantverk" width=250 height=120 border="0" class=annons /></a></td>
                  </tr>
                  <tr>
                    <td height="124"><a href="http://www.trean.nu/main/annons/mittimaten.php"><img src="http://www.trean.nu/images/banners/bnMittimaten.gif" alt="Mitt i maten!" width=250 height=120 border="0" class=annons /></a></td>
                  </tr>
                  <tr>
                    <td height="124"><a href="http://www.trean.nu/main/annons/am.php"><img src="http://www.trean.nu/images/banners/bnPrivannons.gif" alt="Annonsmarkanden" width=250 height=120 border="0" class=annons /></a></td>
                  </tr>
                  <tr>
                    <td></td>
                  </tr>
                  <tr>
                    <td></td>
                  </tr>
                </table> 
                </td>
                <td width="10"></td>
                <td class=bgrColor></td>
              </tr>
</table>
</div>

footer.php:

<div id="footer">
<table width="945" border="0" cellpadding="0" cellspacing="0" id="footerTbl">
    <tr>
      <td width="22" height="19"><img src="http://www.trean.nu/images/top/topLeftCorner.gif" width="22" height="19" /></td>
      <td width="901" height="19" background="http://www.trean.nu/images/top/bgrTopTop.gif"><img src="http://www.trean.nu/images/top/bgrTopTop.gif" width="2" height="19" /></td>
      <td width="22" height="19"><img src="http://www.trean.nu/images/top/topRightCorner.gif" width="22" height="19" /></td>
    </tr>
    <tr>
      <td width="22" background="http://www.trean.nu/images/top/bgrLeft.gif"><img src="http://www.trean.nu/images/top/bgrLeft.gif" width="22" height="2" /></td>
      <td width="901"><span class="upFooter">3:an • Box 357 • Lagmansgatan 6 • 595 24 Mj&ouml;lby • Annons Tel 0142-100 02 • Redaktion Tel 0142-106 61 • Fax 0142-126 21 • E-post <a href="mailto:annons@trean.nu" target="_blank">annons@trean.nu</a></span></td>
      <td width="22" background="http://www.trean.nu/images/top/bgrRight.gif"><img src="http://www.trean.nu/images/top/bgrRight.gif" width="22" height="2" /></td>
    </tr>
    <tr>
      <td width="22" height="33"><img src="http://www.trean.nu/images/top/bottomLeftCorner.gif" width="22" height="33" /></td>
      <td width="901" height="33" background="http://www.trean.nu/images/top/bgrBottomTop.gif"><span class=footer>Alla r&auml;ttigheter reserverade! &copy; P&amp;B Reklam &amp; Design 2002</span></td>
      <td width="22" height="33"><img src="http://www.trean.nu/images/top/bottomRightCorner.gif" width="22" height="33" /></td>
    </tr>
</table>
</div>
</div>
</div>




</body>
</html>

leonardo001

Finally CSS:

body { 

background-color: #ffffff;
font-size:11px;
color:#000000;
font-family: verdana, helvetica, arial, tahoma, sans-serif;
margin:0px; 
padding:0px;
margin-top: 0px;}  




#content {
background: transparent;
width: 990px;
padding: 0px;
top:170px;
left:9px;
position: absolute;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
letter-spacing: 0px;
font-size: 11px;
font-family: verdana, helvetica, arial, sans-serif;
line-height: 18px;
color: #000000;
margin-bottom: 0;
}

.justify {
font-size: 11px;
font-family: verdana, helvetica, arial, sans-serif;
text-align:justify;
line-height: 18px;
color: #000000;}



#head { background-color: transparent; 
background: #000000;
margin-top: 0px;
margin-left: 0px;}

.date {
font-size: 11px;
color: #FFFFFF;
text-indent: 15px;
padding-top: 3px;
}

.banner {
font-size: 9px;
}

.headtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFAED;
padding-top: 3px;
font-weight: bold;
text-align: center;
word-spacing: 1px;
}

#innehall {
background: transparent;
width: 990px;
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}


#footer {
font-size:11px;
font-family: tahoma, sans-serif;
text-align:left;
letterspacing:1px;
clear: both;
font-color:#999;
margin: 0px;
width: 990px;
}

.footer {
font-size: 9px;
text-align: center;
display: block;
padding-top: 0px;
padding-bottom: 10px;
color: #FFFFFF;
}
.upFooter {
font-size: 10px;
text-align: center;
vertical-align: bottom;
display: block;
color: #999999;
background-color: #FFFFFF;
padding-top: 13px;
height: 20px;
}


#navcontainer-center {
position: absolute;
top:170px;
left:499px;
}
	#navcontainer-right {
	position: absolute;
	top:170px;
	left:749px;
}
	#right {
	position: absolute;
	top:170px;
	left:749px;
}




a:link{color: #336699;text-decoration:none;}

a:visited{color: #E03399;text-decoration:none;}

a:hover{color: #000000;text-decoration:none;}

a:active {color: #356387;text-decoration:none;} 

h3 {
color: #000000;
font-weight:bold;
font-size:18px;}

h1 {
background-color: #cccccc;
font-weight:bold;
font-size:16px;}

h2{
border: 1px solid #000000;
    font-size:11px;
font-family: verdana, helvetica, arial, sans-serif;
background-color: #FF97DA;padding-left: 1%;padding-right:1%;}



#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
} 

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a
{
display: block;
color: #ffffff;
background-color: #A4699B;
width: 120px;
padding: 4px;
text-decoration: none;
border: medium dotted #6D2061;
}

#navcontainer a:hover
{
background-color: #62035F;
color: #FFF;
border: medium dotted #351109;
}

rincewind456

Your footer div is inside you content and innehall divs, move it outside them and it should work.

Always mark you div pairs like

<div id="content">
</div><!--end content-->

It helps when looking at the HTML code.

leonardo001

rincewind456 wrote:
Your footer div is inside you content and innehall divs, move it outside them and it should work.

Always mark you div pairs like
<div id="content">
</div>
It helps when looking at the HTML code.

I did what you recommended and the footer.php is now on top behind the content, center.php & right.php. I suspect the CSS might be playing tricks. :mad:

mark00707

It's a HTML and CSS problem, not PHP.