Разместване на сайт

[Break4y]

Така ето го сайта http://www.murduer.host-bg.info/index.php
Как да наместя хеадара да е отгоре и футъра най отдолу да няма бяло от горе
И лявата и дясната част да станат равни а не хедъра по навънка лявото меню по навътре
Пробвах се да направя css но явно не ми се отдава много
Ето го и направеното от мене.Пълна трагедия съм

a { 
	color: #FF9900; 
	text-decoration:none;
}

a:hover { 
	color: green; 
	text-decoration: underline;
}

p {}

h1, h2, h3, h4, h5, h6{
	font-size: 12px;
	color: #fff;
	background: #282828 url(images/ncbg.png) top left repeat-x;
	margin: 0 0 6px 0;
	padding: 4px 4px 1px 6px;
	text-align: left;
	height: 21px;
	
	
	}


#container
{
margin: 0px auto;
padding: 0;
width: 87%;
border-left: 1px solid #39393b;
border-right: 1px solid #39393b;

}

#container2
{
    margin: 0px auto;
    padding: 0;
    width: 87%;
    background: #000;
    border-left: 1px solid #39393b;
    border-right: 1px solid #39393b;
	background: #282828;
}


.leftmenu
{
   width: 17%;
   padding: 0 0 0 0;
   border-right: 1px solid #000;
   float:left;
   margin: 0 1% 0 0;
   background: #000;
   font: 10px Arial, Helvetica, sans-serif normal;
   color: #fff;
}



.content
{
   width: 64%;
   float:left;
   padding: 0;
   margin: 0 0 0 0;
 
   
} 

.title
{   
   padding: 6px 0px 0px 6px;
   margin: 1% 0 0 0;
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #fff;
   text-align: left;
   background: url(images/ncbg.png) repeat-x top left;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   height: 21px;
  }
   
.story
{
   
   padding: 0 4px 0 6px;
   font: 10px Arial, Helvetica, sans-serif normal;
   color: #fff;
   text-align: left;
   background: #000;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   
  }
   
.rightmenu
{
   width: 17%;

   padding: 0 0 0 0;
   border-left: 1px solid #000;
   float:right;
   margin: 0 0 0 0;
   background: #000;
   font: 10px Arial, Helvetica, sans-serif normal;
   color: #fff;

}
 
#footer
{
   background: url(images/ncbg2.jpg) repeat-x top left;
   width: 860;
   height: 25px;
   margin: 0;
   text-align: left;
   padding: 0px 0 0 4px;
   font-weight: bold;
   color: green;
   clear: both;
   }




.tbox {
	background-color: #FFFAF0;
	border: 1px solid #773300;
	color: #000;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.search {
	background-color: #FFFAF0;
	border: 1px solid #773300;
	color: #000;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.button{
	margin:2px 2px;
	background-color: #1f1f1f;
	border: #39393b 1px solid;
	color: #cbcbcb;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
}

.pozdrav
{   
   padding: 6px 0px 0px 6px;
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #fff;
   text-align: left;
   background: url(images/ncbg2.jpg) repeat-x top left;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   height: 21px;
   width: 857px;
  }

.header
{   
   padding: 0px 0px 0px 6px;
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #fff;
   text-align: left;
   background: url(images/header.jpg) repeat-x top left;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   height: 150px;
   width: 855px;
  }


.headernav { background: url(images/nav.jpg) repeat-x; width: 866px; height: 30px; } 

.headernav ul { margin: 0; padding: 0; }

.headernav li { display: inline; }

.headernav a { display: block; float: left; margin-top: 1px; padding: .3em 2em; color: white; text-decoration: none; border-right: 1px solid #000; border-left: 1px solid #fff; }

.headernav a:hover { color: #fff; text-decoration: none; background: url(images/navh.jpg) repeat-x; }

 

[2SHAE]

Еми тва Съдържание го намали и би трябвало да се оправи

 

[shterev]

пробвай да зададеш на body {margin0px; padding0px;}, а
какъв е тоя
<style>
.fr {
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #F2F2F2;
border-bottom:1px solid #C3C0BB;
left: 3px;
color: #000000;
height: 16px;
width: 99%;
}

.fr a {
background-color: inherit;
text-decoration: none;
padding-left: 3px;
color: #000000;
display: block;
height: 16px;
}

.fr a:hover {
background-color: #e5e5e5;
text-decoration: none;
color: #000000;
font-weight: bold;
height: 16px;
}

</style>
<div class="fr"><a href="http://music-bg.info">Music-BG</a></div></div>

Не му е там мястото!