[onair]

hi, ich versuche grad mein erstes css layout zu erstellen, sind also sicherlich 1000000fehler drin, ich bitte um nachsicht, erstmal muss es laufen und dann besser ich das aus,

prinzipiell funktioniert aktuell alles, alle ausrichtungen hauen hin, soweit so gut. ich hab den footer auch am ende der zeite positioniert bekommen, aber lt. den anleitungen müsste sich der nach unten verschieben wenn der text im oberen footer länger wird als die seite, will er aber nicht, jedes mal schiebt er mir den unter den footer durch so das ich den text auf höhe des footers nicht lesen kann, danach gehts weiter, möchte aber gern das sich der foooooter verschiebt, bekomms aber nicht hin,

hier meine html datei

<div id="site">
 <div id="top">
  <div id="top1"></div>
 </div>
 <div id="logo">
  <div id="logo1"></div>
 </div>
 <div id="list">
  <div id="list1"></div>
 </div>
 <div id="content">
  <div id="content1"><div id="content4"></div><div id="content5">blablablatest</div></div>
  <div id="content2"><div id="rotate"></div><div id="text">testtest<br />testtest<br />testtest<br />testtest<br />testtest<br />testtest<br />testtest<br />testtest<br />testtest<br /></div></div>
  <div id="content3">3test</div><div id="content31"></div>
 </div>
</div>
 <div id="footer">
  <div id="footer1"></div>
 </div>

hier meine css datei

html {height: 100%;}

body {
	height: 100%;
	background-color: #4B525A;
	background-image: url(background.gif);
	background-repeat: repeat-x;
	margin: 0%;
	padding: 0%;
}

div#site {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
 	height:100%;
	background-image: url(back2.gif);
	background-repeat: repeat-y;
}

#top {
	width: 950px;
	height: 15px;
	background-color: #FFFFFF;
}
#top1 {
	float: left;
	width: 217px;
	height: 15px;
	background-color: #4B525A;
}

#logo {
	width: 950px;
	height: 138px;
	background-color: #70AF28;
}
#logo1 {
	float: left;
	width: 217px;
	height: 138px;
	background-image: url(logo.gif);
}

#list {
	width: 950px;
	height: 26px;
	background-color: #ffffff;
}
#list1 {
	float: right;
	width: 733px;
	height: 26px;
	background-image: url(nav.gif);
}

#content {
	width:950px;
	background-image:url(back2.gif);
	clear:both;
}

#content1 {
	width:217px;
	float:left;
}
#content2 {
	width:552px;
	float:left;
}
#rotate {
	width:552px;
	height:199px;
	background-image:url(start.jpg);
	background-repeat:no-repeat;
}
#content3 {
	width:181px;
	float:left;
}
#content31 { clear:left;
}

#content4 {
	height:199px;
	width:217px;
	background-color: #4B525A;
}
#content5 {
	width:217px;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: -26px;
	width: 950px;
	height: 26px;
	background-color: #D2D3D3;
}
#footer1 {
	float: left;
	width: 769px;
	height: 26px;
	background-color: #4B525A;
	clear:left;
}

sonst passt alles im firefox und im chrom sowie ie nur in der anleitung zu dem thema stand, der footer müsse sich verschieben, macht er aber nicht, bleibt fest am ende der seite und wenn der text länger wird schreibt er drunter weg, text zb. da wo jetzt testtest<br>.... steht wenn da mehr steht gehts unterm footer weg.

muss doch machbar sein?
und sorry wg. dem schlechten code, ich bitte um nachsicht

[EvT]

Bist du sicher, dass das so in deiner Anleitung steht? #site soll eine Mindesthöhe von 100% erhalten, kann sich aber nicht über diese 100% ausdehnen, da height verwendet wird. Für Mindesthöhen stellt CSS die Eigenschft min-height zur Verfügung.

[onair]

das ist jetzt nicht dein erst, ach du mein held! DAS WARS!!!!!!!!!!!!!!!!!!!!!!!!

1000 mal dankeschön!!!!!!!!!!!!!!!!!!!!!