CSS Footer macht nich was er soll

[ATom]

hallöchen, habe nun x-varianten durchprobiert aber irgend wie knallt mir mein footer imemr wieder mitten in die seite, also nur auf der startseite , die anderen seiten sidn alle perfekt, aber auf der startseite; un gerade bei kleineren auflösungen is der footer mitten drin im content.

hier mal mein css code :

body
	{
		height: 100%;
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-image:url('Buttons/background.GIF');
	}
	
	#container
	{
		margin: 1em auto;
		width: 1020px;
		text-align: left;
		
		border: 0px solid black;
	}
	
	
	#header
	{
		height: 203px;
		width: 1005px;
		background-image:url('Header.jpg');
		background-repeat:no-repeat;
		position:relative; 
		left:0px;
		top:75px;
	}
	
	
	.nav {
	width:1020px;
	position:relative; left:420px;top:0px;
	}
	.nav li {
	float:left;
	list-style-type:none;
	}
	.nav li a {
		display: block;
		font-size: 16px;
		letter-spacing: -1px;
		padding:0 5px 3px 5px;
		margin: 0 5px;
		text-decoration:none;
		color: #777;
		border-bottom: 0px solid #777;
	}
	
	
	
	#contents
	{
		margin-right: 100px;
		margin-left: 20px;
		height: 200px;
		width: 500px;
		margin-top: 80px;
		margin-bottom: 150px;
		background-repeat:no-repeat;
	}


#footer {
clear:both;
position: relative;
bottom:0;
width: 1005px;  
background: #dedede;
border-top: 3px solid #999;
text-align: center;
font-size: 11px;
padding: 10px 0 0px 0;
}

was mach ich falsch, bzw was übersehe ich. vielen dank

 

[sumatra70]

Versuche doch einfach mal "position:absolute;". Das dürfte eigendlich selten schief gehen. Ich habe es zwar nicht probiert, aber es fiel mir sofort auf.

Kleiner Tipp::icon7:
Am besten ist auch immer, die größen prozentual anzugeben. Pixel macht bei kleineren Bildschirmauflösungen immer schwierigkeiten (verunstaltet dein Layout).

 

[anna55]

was mach ich falsch, bzw was übersehe ich. vielen dank

bitte-lesen-vereinfachung-von-hilfestellungen

Edit: Vielleicht findest Du ja auch hier etwas:
CSS: Footer aller Art - feststehende Elemente realisieren