...

View Full Version : Resolved Footer Problems



Scott R
06-05-2012, 03:43 PM
Hey everyone, I am having a problem that is making me pretty upset. The problem seems like it should be very very easy but has taken me hours of research and still haven't figured it out. My problem is the footer of my website. First of all I want the footer to stick to the bottom of the whole page not just the browser page. I don't know if this is possible. Right now I have a sticky footer that I'mcoping with at this time just until I figure out the other problem. But the sticky footer wont center either. anyways if you have some insight for me, please help. The website is http://scottreinmuth.com/

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home - Scott Reinmuth's Web Design Portfolio</title>
<link rel="stylesheet" type="text/css" href="styles/style.css" />
</head>
<body>

<center>

<h1> Scott Reinmuth's Web Design Portfolio </h1>
<?php require_once('styles/nav.php'); ?>
<div id="maincontent" class="wrapper">
<?php
$p = $_GET['page'];

$page = "pages/".$p.".php";

if(file_exists($page))
include($page);
elseif($p=="")
echo "This is Home Page";
else
echo "what are you looking for! ?";

?>
</div>
<center>
<div id="footer">
<?php require_once('styles/footer.php'); ?>
</div>
</center
</center>

</body>
</html>


@charset "utf-8";
/* CSS Document */

body, html{
background-color:#000;
background-size:100%;
}
h1{
color:#0066FF;
font-family:hp psg;
font-size:50px;
}
img.nav {
margin:20px;
padding:3px;
float:left;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;

}

img.nav:hover {
cursor:pointer;
margin-top: 5px;
}
table{
vertical-align:middle;
color:#00FF00;
text-wrap:normal;
text-align:center;
}
#maincontent{
padding-top:40px;
padding-bottom:40px;
}
#footer{
color:#0066FF;
padding:10px;
margin:0 auto;
position:fixed;
bottom:0;
}
#footer a{
color:#0066FF;
text-decoration:none;
}
#footer a:hover{
color:#00FF00;
}

Scott R
06-05-2012, 08:46 PM
Still need help...

Scott R
06-06-2012, 03:56 AM
Still Having The Problem, Please Help

vbjunks
06-06-2012, 05:42 AM
If you want the footer centered, add this to your footer div:

width: 100%;
margin: auto;

---

I don't know what you mean by "First of all I want the footer to stick to the bottom of the whole page not just the browser page." though.

I also don't know what you mean by sticky footer.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum