Footer will nicht runter :/

Script

Hey ich habe ein problem mit dem footer (der hellblaue balken)

er sollte eigentlich unter #wrap aber das macht er nicht :/

Die HP :

Der Code :

Code

<style>
body {background:url(bg-body.jpg) #262A2B repeat;color:#c4c4c4;font-family:Trebuchet MS;font-size:12px}
#header {background:url(head.png);width:800px;height:278px;margin-left:auto;margin-right:auto;}
#menu {background:;width:800px;height:35px;margin-left:auto;margin-right:auto;margin-top:-50px}
#wrap {width:800px;height:;margin-left:auto;margin-right:auto;margin-top:15px}
#links {background:;width:580px;height:35px;float:left}
#rechts {background:;width:200px;height:35px;float:left;margin-left:20px}
#perf {background:url(r-bg.png);width:200px;height:70px;border: solid 1px black;border-radius:10px}
h2 {
	font-size:20px;
	color:#blue;
	font-weight:normal;
	margin-bottom:10px;
	font-family:Trebuchet MS;
}
a {color:#c4c4c4;text-decoration:none}
a:visited {color:#c4c4c4;text-decoration:none}
a:hover {color:#c4c4c4;text-decoration:underline}
#footer {background:#284895;width:800px;height:20px;margin-left:auto;margin-right:auto;}


</style>
 <body>
<div id="header"> </div>
<div id="menu"><div style="margin-top:5px"><a href="" style="margin-left:450px">Home</a> | <a href="">&Uuml;ber mich</a> | <a href="">Meine Werke</a> | <a href="">Kontakt</a> | <a href="">Downloads</a></div>    </div>
<div id="wrap">  
<div id="links">


<h2>Welcome to dsignz media</h2>
<p style="margin-top:0px;margin-left:0px">
 First impressions are made in the blink of an eye. In today's technology-centered world,
  your website is very often the first impression of your business, and must capture the user's
   attention instantly. We know how elusive it is to choose the right web design company to create
    the perfect website you want for your organization. Your tiresome search ends here as you have
     arrived at the right place you need to be in. We start by really talking to you and listening
      to your ideas and concepts. We understand your actual needs, take your
  ideas, play with our creativity and work with you to create the perfect product.












</p></div> 
<div id="rechts"> 
  
<div style="background:url(perf.png);width:200px;height:70px"></div> 
<div style="background:url(desi.png);width:200px;height:70px;margin-top:5px"></div>










</div> </div>
<div id="footer"></div>

Alles anzeigen

clearen geht iwie nicht :/

lg

BlizZzard

Der blaue balken soll über die Links?
<div id="footer"></div> einfach unter <div id="wrap"> setzen.

Sprich so:

Zitat

<style>
body {background:url(bg-body.jpg) #262A2B repeat;color:#c4c4c4;font-family:Trebuchet MS;font-size:12px}
#header {background:url(head.png);width:800px;height:278px;margin-left:auto;margin-right:auto;}
#menu {background:;width:800px;height:35px;margin-left:auto;margin-right:auto;margin-top:-50px}
#wrap {width:800px;height:;margin-left:auto;margin-right:auto;margin-top:15px}
#links {background:;width:580px;height:35px;float:left}
#rechts {background:;width:200px;height:35px;float:left;margin-left:20px}
#perf {background:url(r-bg.png);width:200px;height:70px;border: solid 1px black;border-radius:10px}
h2 {
font-size:20px;
color:#blue;
font-weight:normal;
margin-bottom:10px;
font-family:Trebuchet MS;
}
a {color:#c4c4c4;text-decoration:none}
a:visited {color:#c4c4c4;text-decoration:none}
a:hover {color:#c4c4c4;text-decoration:underline}
#footer {background:#284895;width:800px;height:20px;margin-left:auto;margin-right:auto;}
</style>
<body>
<div id="header"> </div>
<div id="menu"><div style="margin-top:5px"><a href="" style="margin-left:450px">Home</a> | <a href="">Über mich</a> | <a href="">Meine Werke</a> | <a href="">Kontakt</a> | <a href="">Downloads</a></div> </div>
<div id="wrap">
<div id="footer"></div>
<div id="links">
<h2>Welcome to dsignz media</h2>
<p style="margin-top:0px;margin-left:0px">
First impressions are made in the blink of an eye. In today's technology-centered world,
your website is very often the first impression of your business, and must capture the user's
attention instantly. We know how elusive it is to choose the right web design company to create
the perfect website you want for your organization. Your tiresome search ends here as you have
arrived at the right place you need to be in. We start by really talking to you and listening
to your ideas and concepts. We understand your actual needs, take your
ideas, play with our creativity and work with you to create the perfect product.

</p></div>
<div id="rechts">

<div style="background:url(perf.png);width:200px;height:70px"></div>
<div style="background:url(desi.png);width:200px;height:70px;margin-top:5px"></div>

</div> </div>

Alles anzeigen

P.S. Style Code sehr unsauber und recht viele fehler sind vorhanden!

Script

ne der footer soll ganz runter ... also für copyrights und so ...

BlizZzard

Probier mal das:

Zitat

<html>
<head>
<style>

</style>
</head>
<body>
<div id="header"> </div>
<div id="menu"><div style="margin-top:5px"><a href="" style="margin-left:450px">Home</a> | <a href="">Über mich</a> | <a href="">Meine Werke</a> | <a href="">Kontakt</a> | <a href="">Downloads</a></div> </div>
<div id="wrap">
<div id="links">
<h2>Welcome to dsignz media</h2>
<p style="margin-top:0px;margin-left:0px">
First impressions are made in the blink of an eye. In today's technology-centered world,
your website is very often the first impression of your business, and must capture the user's
attention instantly. We know how elusive it is to choose the right web design company to create
the perfect website you want for your organization. Your tiresome search ends here as you have
arrived at the right place you need to be in. We start by really talking to you and listening
to your ideas and concepts. We understand your actual needs, take your
ideas, play with our creativity and work with you to create the perfect product.
</p>
<div id="footer"></div>
</div>
<div id="rechts">
<div style="background:url(perf.png);width:200px;height :70px"></div>
<div style="background:url(desi.png);width:200px;height :70px;margin-top:5px"></div>

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

Alles anzeigen

Edit 1: Habs nochmal verbessert

Script

vielen dank ;)

was meinst du mit fehlerhaftem Code ?

das <body> <html> und so ?

das mach ich immer am schluss :D

BlizZzard

Nun,
es hier zu erklären ist unnötig. Wenn du wisse willst was genau ich gemacht habe schreib mich doch in ICQ (205891901) oder via PM an !

MfG. Blizzard

ulle

Zitat von BlizZzard;194300

P.S. Style Code sehr unsauber und recht viele fehler sind vorhanden!

ganz ehrlich seinen Code kann man besser lesen als das was du da geschrieben hast :D

Edit:

Und hier der funktionierende Code falls du diesen noch nicht hast.
Du solltest auf jedenfall noch mal ein paar Tutorials lesen. Du hast ein paar gravierende Fehler im Code. Du benutzt diverse TAGS die du aber gar nicht definierst. z.b background und height.

Da muss du höllisch aufpassen.
Auch ist der Aufbau mit deinen Div's nicht an jeder stelle richtig. Du schließt Divs welche gar nicht da sind, und macht nen Container Div zu bevor alles drinne ist.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<!-- Style Part, wobei ich Styles gerne auslagere als diese direkt im Dokument zuverarbeiten -->
	<style type="text/css">
		body {
			background:#262A2B url(bg-body.jpg) repeat; /* Bitte den Repeat überprüfen, was soll er denn wiederholen x, y oder alles?*/
			color:#c4c4c4;
			font-family:Trebuchet MS;
			font-size:12px;
			width: 800px;
			margin: auto;
		}
		#header {
			background:url(head.png);
			width:800px;
			height:278px;
		}
		#menu {
			width:800px;
			height:35px;
		}
		#wrap {
			width:800px;
			}
		#links {
			width:580px;
			float: left;
		}
		#rechts {
			width:200px;
			margin-left: 20px;
			float: left;
		}
		#perf {
			background:url(r-bg.png);
			width:200px;
			height:70px;
			border: solid 1px black;
		}
		h2 {
			font-size:20px;
			color:#blue;
			font-weight:normal;
			margin-bottom:10px;
			font-family:Trebuchet MS;
		}
		a {
			color:#c4c4c4;
			text-decoration:none
		}
		a:visited {
			color:#c4c4c4;
			text-decoration:none
		}
		a:hover {
			color:#c4c4c4;
			text-decoration:underline
		}
		#footer {
			background:#284895;
			height:20px;
		}
	</style>
</head>
<body>
	<div id="header">Header</div>
	<div id="menu">
		<div style="margin-top:5px">
			<a href="" style="margin-left:450px">Home</a> | 
			<a href="">&Uuml;ber mich</a> | 
			<a href="">Meine Werke</a> | 
			<a href="">Kontakt</a> | 
			<a href="">Downloads</a>
		</div>
	</div>
	<div id="wrap">
		<div id="links">
			<h2>Welcome to dsignz media</h2>
			<p>
			 First impressions are made in the blink of an eye. In today's technology-centered world,
			 your website is very often the first impression of your business, and must capture the user's
			 attention instantly. We know how elusive it is to choose the right web design company to create
			 the perfect website you want for your organization. Your tiresome search ends here as you have
			 arrived at the right place you need to be in. We start by really talking to you and listening
			 to your ideas and concepts. We understand your actual needs, take your
			 ideas, play with our creativity and work with you to create the perfect product.
			</p>
		</div> 
		<div id="rechts">
				<h2>Rechte Seite</h2>
			<div style="background:url(perf.png);width:200px;height:70px"></div> 
			<div style="background:url(desi.png);width:200px;height:70px;margin-top:5px"></div>
		</div>
	</div>
	<div id="clear" style="clear: both;"></div>
	<div id="footer">Footer</div>
	
</body>
</html>

Alles anzeigen

Footer will nicht runter :/

Jetzt mitmachen!

SCHNELLZUGRIFF

HILFE & COMMUNITY

RECHTLICHES