Problem mit Navi bzw. hintergrund.

Habe ein eigenes Desing erstellt nach Vorlage (CSS).

Jetzt ist fertig aber unter der Navi sind so komische Boxen schaut euch das mal an:)

zeig mal deinen Code
______________

Das ist die ID "header_container"

CSS CODE:

#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}


body {
background-color:#000000;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(http://s4b.directupload.net/images/081015/dyznt6az.jpg);}


#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 178px;
height:1000px;
background-color:#343434;
background-image:url(http://s2b.directupload.net/images/081015/jlhhgde7.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}


#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(http://s3b.directupload.net/images/081015/kayqj9j6.jpg);
border: 1px solid #FFFFFF;
overflow:auto;}



#sidebar_container{display:none;}
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;(http://s6b.directupload.net/images/081015/4n8v9tsr.jpg);
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}


#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
height:400px;
border:1px solid #FFFFFF;
overflow:auto;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(http://s8b.directupload.net/images/081015/bbqlggvu.png);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}






Wo liegt das Problem mit den ID Header? (bin noch nicht so gut in CSS)

so musst du das eifügen
______________

Hatte auch einen Header aber der Wird nicht angezeigt,stadessen ist der unten unso.(Wenn ich den Header entferne geht das Desing aber will den Header haben:).Bitte eine lösung für header.

CSS CODE:

#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}


body {
background-color:#000000;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(http://s7b.directupload.net/images/081015/vf9x5sgc.jpg);}


#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 178px;
height:1000px;
background-color:#343434;
background-image:url(http://s6b.directupload.net/images/081015/6v5zshfe.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}


#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#;FFFFFF;
background-image:url(http://s8b.directupload.net/images/081015/8jc4rvpm.jpg);
border: 1px solid #FFFFFF;
overflow:auto;}



#sidebar_container{display:none;}
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;(http://s6b.directupload.net/images/081015/4n8v9tsr.jpg);
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}


#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
height:400px;
border:1px solid #FFFFFF;
overflow:auto;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(http://s8b.directupload.net/images/081015/bbqlggvu.png);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}

Du musst dem Header auch sagen, wieviel Abstand er von oben haben soll: