footer an Content anbinden

[sonyskillz]

Hallo Leute,
wei kann ich einen Footer an den Content anbinden, sodass er mitgeht wenn der Content länger wird.
Außerdem sollte der Footer unterhalb des Contents sein.

Hier erstmal mein Ganzer Designcode:

CSS-Code ohne Style Tags:

html{cursor:url('http://img.webme.com/pic/s/splex/c5.png'), auto;}
a:hover{cursor:url('http://img.webme.com/pic/s/splex/c5.png'), pointer;}

body {
background-image: url(http://s10.directupload.net/images/110215/hwh3fz6x.jpg); 
background-repeat: repeat-x;
background-color: #252525; 
font-family: Arial 
font-size: 14px;
text-align: center;
}

a {
color: #000;
}

#content   {
min-height:800px;
margin: 0 auto;
margin-top: -120px;
width: 800px;
float: right;
background-color: #ffffff;
font-family: Arial;
font-size: medium;
padding: 10px;}


#design1 {
width: 820px;
margin: 0 auto;
margin-top: 169px;
text-align: left;
background-color: #fff;
border: 1px solid #ffffbe;
}

#header_container {
margin: 0 auto;
width: 640px;
height: 400px;
background-image: URL(http://img.webme.com/pic/g/gimp4you/splexlogo.png);
margin-top: -275px;
}

#nav_container {
margin: 0 auto;
margin-top: -190px;
list-style-type: none; 
width: 820px;
height: 43px;
background-image: url(http://s13.directupload.net/images/110304/mj4rcdpy.png);
font-family: Arial;
text-align: center;
float: right;
padding-bottom:6px}


#nav_heading {
display: none;
}

#nav {
padding-left: 0px; 
margin: 0;
}

#nav li {
list-style-type: none; 
padding: 14px;
padding-left: 80px; 
padding-right: 15px; 
font-size: 1.1em;
display: block;
float: left; 
color: #0A3C74;
}

#nav li.subpage {
display: none 
}

#nav a {
color: #0A3C74;
text-decoration: none;
}

#nav a:hover {
color: #3F86D3;
text-decoration:none;
} 

#below_content{
background-image:url(http://img.webme.com/pic/w/web-cube/footer1-1.png);
width:970px;
height:155px;
margin-left:auto;
margin-right:auto;
padding-left:30px;
padding-right:30px;}

.footer{
border:1px solid #d3d3d3; 
background-color:#f1f1f1;}

.footer td:hover{
background-color:#9F85EB;}

.footer a{
color:#000000;}

.footer a:hover{
text-decoration:none;}

h1#header {display:none;}
h2#title {display:none;}
#sidebar_heading{display:none;}
#counter{display:none;}
#pre_header, #post_header, h1#header, #nav_heading {
display: none;
}

#sidebar_container {
margin-top: -950px;
float: right;
width: auto;
height: auto;
}

Text über dem Design

<div id="design1">

Text unter dem Design

<div id="unten"></div></div>

Außerdem glaub ich noch, das da einige Codefehler drin sind. Wenn möglich bitte angeben.

Falls ihr so nett wärt, mir einen Footer hinzubasteln

 

[Space Vampire]

Ich hoffe, ich bin nicht der Einzige, der das Problem nicht versteht.

Ich versuchs mal so auszudrücken:
So lange man keine Elemente "in der Mitte" des Quellcodes absolut positioniert, entspricht die Reihenfolge der Darstellung der Reihenfolge der Elemente im Quellcode.
Wenn du einen Headbereich, einen Contentbereich und einen Footbereich, in dieser Reihenfolge wünschst, dann gib sie in dieser Reihenfolge im Quellcode an.
Je länger der Content, um so tiefer der Foot.

Mit dem Bisschen HTML-Code kann man dir leider nichts anderes sagen...außer vielleicht, dass da ein <div> geschlossen wird, dass im Beispiel nirgendwo geöffnet wurde.

 

[Programmier-Felix]

Ich versteh die Frage jetzt auch nicht ganz...

Ansonsten kannst du DIV-Container mit dem Befehl anordnen:

#Name des Div {
 position:relative;
 top:0px;
 left:0px;
}

Mit 'position:relative;' und 'top' und 'left' kannst du die "Entfernung" zum Div-Container darüber bestimmen.
Du könntest also einen Abstand zum Content bestimmen ( z.B. top:0px; ).

 

[Space Vampire]

Ich versteh die Frage jetzt auch nicht ganz...

Ansonsten kannst du DIV-Container mit dem Befehl anordnen:

#Name des Div {
 position:relative;
 top:0px;
 left:0px;
}

Mit 'position:relative;' und 'top' und 'left' kannst du die "Entfernung" zum Div-Container darüber bestimmen.
Du könntest also einen Abstand zum Content bestimmen ( z.B. top:0px; ).

Ich bestimme Außenabstände ja immer mit Margin...aber, ok. Jedem das seine.

 

[Programmier-Felix]

Ich bestimme Außenabstände ja immer mit Margin...aber, ok. Jedem das seine.

Ich eigentlich auch... habe ich gar nicht dran gedacht