Content goes inside Footer

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Locked
ebgames56
Forum Contributor
Posts: 103
Joined: Thu Oct 06, 2011 10:43 am

Content goes inside Footer

Post by ebgames56 »

How can i get my content to push down the Footer???

HTML

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" />
        <link rel="stylesheet" href="styles.css" type="text/css" />

<?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<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

Code: Select all

jsadfkjlsdjlfksdja <br />
<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>


CSS


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: -50%;
}

#content3 {
position: relative;
top: -36%;
}

* {
margin: 0;
}
html, body {
height: auto !important;
height: 95%;
}
.wrapper {
min-height: 95%;
height: auto !important;
margin: 0px;
}
#footer {
    height: 3px;
    text-align: center;
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#tabs {
height: -25%;
}

#bio {
width: 60%;
}

#roll {
position: center;
}

#title {
height: -5%;
}

#bar {
position: absolute;
height: 95%
}
Last edited by Benjamin on Wed Nov 02, 2011 4:28 pm, edited 1 time in total.
Reason: Added [syntax=php|sql|css|javascript] and/or [text] tags.
User avatar
Benjamin
Site Administrator
Posts: 6935
Joined: Sun May 19, 2002 10:24 pm

Re: Content goes inside Footer

Post by Benjamin »

:arrow: Moved to HTML, CSS and other UI Design Technologies
:arrow: Locked - Duplicate
Locked