footer help
Moderator: General Moderators
footer help
Just wondering is there a way to make text and images not pass my footer. Like a way to keep the footer at the bottem and not have content go past the footer
Re: footer help
Your solution might require CSS.
You can have your footer always at the bottom. Assume that you footer looks like this:
in CSS do this:
You can have your footer always at the bottom. Assume that you footer looks like this:
Code: Select all
<div id='footer'>
footer content
</div>Code: Select all
#footer {
position: absolute;
bottom:0px;
}Re: footer help
this is all my CSS i have that already
Code: Select all
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border: 0;
color: white;
background-color: white;
height: 1px;
width: 100%;
text-align: left;
}
IMG.logo {
display: block;
margin-left: auto;
margin-right: auto
}
h2 {text-align:center}
h4 {text-align:center}
p {text-align:center}
#header {
height: 220px;
}
#content {
position: relative;
top: -35%;
}
#content2 {
top: 35%
}
* {
margin: 0;
}
html, body {
height: 80%;
}
.wrapper {
min-height: 95%;
height: auto !important;
height: 95%;
margin: 0 auto -4em;
}
#footer, .push {
height: 3px;
text-align: center;
margin: 0px;
position: absolute;
bottom: 2%;
width: 100%;
}
#tabs {
height: -25%;
}
#bio {
width: 60%;
}
#roll {
position: relative;
top: -5%;
}Re: footer help
Right now #footer and .push have the same directives.
I suggest that you separate them and try a footer div like this:
I suggest that you separate them and try a footer div like this:
Code: Select all
#footer {
height: 3px;
text-align: center;
margin: 0px;
position: absolute;
bottom: 0px;
width: 100%;
}Re: footer help
didnt work. Do you have teamviewer
Re: footer help
Looks like it would work if you changed the following:
TO:
You need to define the "footer" ID independently and define the "push" Class on its own. If this does not solve your problem, then you should post your other HTML code, it is possible you have some issues there.
Code: Select all
#footer, .push {
height: 3px;
text-align: center;
margin: 0px;
position: absolute;
bottom: 2%;
width: 100%;
}Code: Select all
#footer {
height: 3px;
text-align: center;
margin: 0;
position: absolute;
bottom: 0;
width: 100%;
}Re: footer help
Here is my html well php
if you want to edit the code on my computer we can teamview
if you want to edit the code on my computer we can teamview
Code: Select all
<!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>
<title>The Guitar Manifesto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php
require("getbrowser.inc.php");
?>
</head>
<body>
<div class="wrapper">
<center><div id="header"><img class="logo" src="Szerykblue_sm.png" alt=".." />
<div id="dolphinnav">
<ul>
<li><a href=""class="current"><span>Home</span></a></li>
<li><a href="tour.php"><span>Tour</span></a></li>
<li><a href="album.php"><span>Album</span></a></li>
<li><a href="bandScott.php"><span>Band</span></a></li>
<li class="parentmenu">
<a><span>Media</span></a>
<ul class="submenu">
<li><a href="photos.php"><span>Photos</span></a></li>
<li><a href="videos.php"><span>Videos</span></a></li>
</ul>
</li>
<li><a href="contact.php"><span>Contact</span></a></li>
</ul>
</div>
</div></center>
<br />
</div>
<br />
<br />
<div id="content" align="center"><h1>Lastest Information</h1> <br />
Here will be the lastest information to keep you up to date
<br />
<img src="scott.jpg" width="304" height="228"> <br />
I want to try to see how much text and images we can fit in on this page
jsadfkjlsdjlfksdja <br />
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p><p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
<p>asdf</p>
</div>
<div id="footer">
<hr /><center>Site Designed by: Matt Brown</center>
</div><!-- #footer -->
</body>
</html>Re: footer help
I don't see where you are including your stylesheet?
Re: footer help
<link rel="stylesheet" href="styles.css" type="text/css" /> srry right under the <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Re: footer help
So what exactly is the problem? You want the footer to stay stationary at the bottom of your page?
If you make the adjustments we suggested here, it works?
PS - Find a alternative for the <center> tag. That is deprecated.
If you make the adjustments we suggested here, it works?
PS - Find a alternative for the <center> tag. That is deprecated.
Last edited by icesolid on Wed Nov 02, 2011 1:50 pm, edited 1 time in total.
Re: footer help
do you have teamviewer? so you can see my issue?
Re: footer help
No, explain your issue. What are you trying to accomplish?
Re: footer help
Dude, your code for css didnt fix my issue
Re: footer help
So explain exactly what you are trying to accomplish?
If you want your "Site Designed by: Matt Brown" to stay fixed at the bottom of your web page, the code I gave does exactly that. I just tested on my computer. So you must have some other issues that we are not seeing here.
If there is something else you are trying to accomplish, then please explain?
If you want your "Site Designed by: Matt Brown" to stay fixed at the bottom of your web page, the code I gave does exactly that. I just tested on my computer. So you must have some other issues that we are not seeing here.
If there is something else you are trying to accomplish, then please explain?
Re: footer help
Are you trying to disable all scrolling on your web page? So like a fixed but yet flexible width / height web page (because of course everyone has differing resolutions)?