Hello

Im doing a website and the i end up with like this
http://img638.imageshack.us/img638/5472/30369592.jpg

how od i get it so that the footers at the bottom and its all blue

heres my code

<html>



<head>
<title>About Us</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>

<body>

<div id="page_wrap">

<div id="header"></div>
<div id="nav">
<div id="links"> 
	<li class="HOME"><a href="index.html">HOME</a></li>
	<li class="HOME"><a href="About.html">About Us</a></li>
	<li class="HOME"><a href="Instructers.html">Instructers</a></li>
	<li class="HOME"><a href="faq.html">faq</a></li>
</div>
</div>
 
<div id ="main content">
<div id="main5holder">
<div id="main5"> 
 
<div id ="gou"> </div><div id ="goutxt">

Grandmaster Gou
Grandmaster Kongjie Gou started practicing Chinese Martial Arts in 1960. Five years later, in 1965, he began learning Chen Style Tai Chi as an indoor senior student of Grandmaster Chen Zhaokui (the Head and Heir of the 18th generation of the Chen Family). Master Gou has taught Chen Style Tai Chi extensively to both university and private students in many provinces around China since 1982. At the International Festival of Tai Chi in China in 2002 Grandmaster Kongjie Gou was awarded the Certificate of Excellence; this award is very rarely given and is reserved for Tai Chi masters of exceptional skill and ability. He is also certified as a senior Chen Style Tai Chi coach by the Chen Style Tai Chi Association in Wen County, the birthplace and home of Tai Chi and holds a first class degree of Tai Chi master from the Henan Provincial Martial Arts Association. He is co-author of the Tai Chi Push Hands standard and competition rules published by the Chinese State Sports Council and more recently have created the Chen Style Tai Chi Fan Form and the Chen Style Short Stick Form. Within the 


</div>

</div>
</div>
</div>

 <div id="footer"><div id="copy-write">Copyright © 2010 Oxford taiji gungfu institution all rights reserved</div>
    <div id="networks"><span class="net-text"></span>

      <div id="network-icons"><img src="images/facebook.jpg" alt="follow AMG on Facebook" width="75" height="48"></div>
    </div>

</div>
  
</body>
</html>

</body>
</html>
@charset "utf-8";
/* CSS Document */

/* General Styling */

body 
{
  
  font-size:12px;
}

img 
{ 
   border: none; 
} 



#nav li 
{
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}

li 
{
padding-left: 70px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

/* General Styling End */


/* Main Page  */


#page_wrap 
{
     
	 position: relative;    		
	 background-color:#00ffff;
}


#header 
{
     position:relative;
	 height: 200px;
	 background-image:url(images/banner.gif);
	 background-repeat:no-repeat;     
}


#main_content 
{
	position:relative;
	background-color:#00ffff;
	float:left;
	clear:none;
	width: 100%;
}

#nav
{
padding-top: 10px;
}

#links {

	 height: 500px;
	padding-top: 10px;
	padding-left:10px;
	 background-image:url(images/links.gif);
	 background-repeat:no-repeat;

}


#main5holder
{
	position:absolute;
	bottom:40px;
	left:180px;
	height:550px;
	width:800px;
	float:right;
	background-repeat:no-repeat;


}

#main5
{

}

#gou
{
	position:absolute;
	bottom:220px;
	left:-15px;
	background-image:url(images/gou.jpg);
	height:250px;
	width:800px;
	float:right;
	background-repeat:no-repeat;
}

#goutxt
{
padding-left:200px;
padding-top:110px;

}

#footer
{
	position:relative;
	background-color:#313131;
	
	height: 57px;
	clear: both;
	
}


#copy-write 
{
	position:relative;
	height: 30px;
	top: 20px;
	float: left;
	padding-left: 20px;	
}


#networks
 {
	position:relative;
	height: 48px;
	width: 400px;
	float: right;
	text-align:left;
	
}
#network-icons 
{
	position:relative;
	height: 48px;
	width: 300px;
	top: 10px;
	padding-right: 20px;
	text-align:right;
	width: 300px;
	float: right;	
}

try making your #footer
position:fixed;
bottom:0px;

I see floats but I don't see a clear. Try to "clear" after the floating <div> LOL.

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.