Footer Div gerne aus den Container haben

**Tioz4Ever** · 26.10.2006 14:50

Hallo zusammen,

ich möchte gerne das der Footer aus den Div Page ist.
Damit meine ich folgendes, die ganze Seite ist in einen Div "page".
Ich möchte gerne das der Footer nicht in diesen Div ist, wie bekomme ich das hin?

Hier mal der Code dazu:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="de"> <head> <title>Mein Neues Design</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> 
<!--

* /* Alles auf 0 setzen */
{
	border:		none;
	padding:	0;
	margin:		0;
}

body, html{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	line-height: 1.5em;
	color: #000000;
}
#page{
	padding-bottom: 20px;
}

#page:after /* Geht die ganze Seite Für den Explorer */
		{
			content: ".";
			visibility: hidden;
			height:		0;
			display:	block;
			clear:		both;
}

#header{ /* Header Sachen Anfang */
	background:#206549;
	padding:5px;
	height: 60px;
}

#headerliner{ /* Header Sachen Ende */
	background:#CCCC99;
	height: 13px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
}

#leftnavi{ /* Linke Navigation */
	background:#CCCC99;
	float:left;
	padding:10px;
	width:170px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#content{ /* Rechter Inhalt Bereich */
	background:#FFFFFF;
	padding:10px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
}

#footer{
	clear:both;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 250px;
	background-color: CCCC99;
	border: 1px solid #000000;
}
--> 
<!--[if IE 5]>

#page
{
height: 1%;
}

<![endif]-->


<!--[if IE 6]>

#page
{
height: 1%;
}

<![endif]-->


<!--[if IE 7.0]>
#page
{
min-height: 1%;
}
<![endif]-->

</style> 
<link href="file:///C|/Dokumente und Einstellungen/Johnston/Desktop/stauffacher.ch - Suchergebnisse  « freddy krüger »-Dateien/main.css" rel="stylesheet" type="text/css">
</head> 
<body> <div id="page"> <div id="header">Banner und Header Bereich</div> <div id="headerliner">Bottun Bereich unter den Header</div> <div id="leftnavi">Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </div> <div id="content">Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </div> 
<div id="footer">Ich bin der Fotter und bin am Ende</div> </div> <!-- /* Das Ende des Div Container Page */ --> </body> </html>

Danke schon mal für die Hilfe ....

**bona** · 26.10.2006 15:27

du hast bis jetzt:

Code:

<body> 
<div id="page"> 
 <div id="header">Banner und Header Bereich</div> 
 <div id="headerliner">Bottun Bereich unter den Header</div> 
 <div id="leftnavi">
  Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, 
  bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: 
  Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang 
  gerissen. 
 </div> 
 <div id="content">
  Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen 
  habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. 
  Man wirkt hier und da aus dem Zusammenhang gerissen. 
 </div> 
 <div id="footer">Ich bin der Fotter und bin am Ende</div> 
</div>
</body>

nimm einfach das

Code:

 <div id="footer">Ich bin der Fotter und bin am Ende</div>

und tu den mal da hin:

Code:

<body> 
<div id="page"> 
 <div id="header">Banner und Header Bereich</div> 
 <div id="headerliner">Bottun Bereich unter den Header</div> 
 <div id="leftnavi">
  Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, 
  bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: 
  Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang 
  gerissen. 
 </div> 
 <div id="content">
  Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen 
  habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. 
  Man wirkt hier und da aus dem Zusammenhang gerissen. 
 </div> 
</div>
<div id="footer">Ich bin der Fotter und bin am Ende</div> 
</body>

hoffe, ich habe deine frage richtig verstanden.

**Tioz4Ever** · 26.10.2006 15:38

Also einfach den Footer aus den Container nehmen geht nicht, dass hatte ich auch schon vor.
Da ist der Container nicht mehr um die Linke navigation da muss man irgendwas anderes dan Cleren.

Hab aber dank ...

**bona** · 26.10.2006 15:49

hmmm im ff funktioniert es :S
im IE ist es ja einfach so, dass der border nicht über die navi geht. aber der footer ist ja trozdem auch unter der navi.
was genau stört noch?
(sehe es wahrscheinlich nicht :P )

**Tioz4Ever** · 26.10.2006 15:54

Ja leider stört das noch, da ich da gerne mal eine hintergrund Grafik nutzen will...
Und ich kann den Footer leider keinen eigenen Hintergrund zu weisen wenn er nicht aus den Container ist, oder mache ich das falsch?

**bona** · 26.10.2006 16:02

da kommt mir was in den sinn :P
http://tuts.nicogutmann.de/css/faux_columns.php
hoffe das ist das richtige

**Tioz4Ever** · 26.10.2006 16:10

Das kenne ich, aber ich möchte es gerne an diesen Design ändern. Danke dir Trotzdem ...

**bona** · 26.10.2006 16:32

so, glaube ich habe es herausgefunden:

in der css:

Code:

#faelscher {
width: 100%;
overflow:auto; /* Aufgrund des Floatens der Innencontainer */
background-color: red;
}

und in der HTML:

Code:

<div id="faelscher">
<div id="leftnavi">Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </div> 
<div id="content">Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </div> 
</div>

width: 100%; braucht es, sonst funktioniert es nicht!!!!!

zur Startseite vom TP

Thema: Footer Div gerne aus den Container haben

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Footer Div gerne aus den Container haben

Aktive Benutzer

Aktive Benutzer