[Problem]statischer Footer Problem

paffpaff · 19.01.12, 15:37

Moin Leute,

ich hoffe mal hier kann mir der ein oder andere heller Kopf mir bei meinem Problem helfen.

Problem ist folgendes: Ich habe per Photoshop ne Seite erstellt und dann in Dreamweaver impotiert. So dabei stört mich, dass sich der Footer nicht mitbewegt, wenn in den Content-Bereich Text einfüge. Hier ein Bild zu Verdeutlichung:

[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Hier ist ein Auszug von meiner CSS:

Code:

<style type="text/css">
<!--

#Tabelle_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
}

#seite1-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:212px;
}

#seite1-02_ {
	position:absolute;
	left:0px;
	top:212px;
	width:26px;
	height:28px;
}

#seite1-03_ {
	position:absolute;
	left:26px;
	top:212px;
	width:1px;
	height:28px;
}

#Website-neu-03_ {
	position:absolute;
	left:27px;
	top:212px;
	width:200px;
	height:28px;
}

#seite1-05_ {
	position:absolute;
	left:227px;
	top:212px;
	width:1px;
	height:28px;
}

#Website-neu-05_ {
	position:absolute;
	left:228px;
	top:212px;
	width:200px;
	height:28px;
}

#seite1-07_ {
	position:absolute;
	left:428px;
	top:212px;
	width:1px;
	height:28px;
}

#seite1-08_ {
	position:absolute;
	left:429px;
	top:212px;
	width:166px;
	height:28px;
}

#seite1-09_ {
	position:absolute;
	left:595px;
	top:212px;
	width:1px;
	height:28px;
}

#Website-neu-07_ {
	position:absolute;
	left:596px;
	top:212px;
	width:200px;
	height:28px;
}

#seite1-11_ {
	position:absolute;
	left:796px;
	top:212px;
	width:1px;
	height:28px;
}

#Website-neu-12_ {
	position:absolute;
	left:797px;
	top:212px;
	width:200px;
	height:28px;
}

#seite1-13_ {
	position:absolute;
	left:997px;
	top:212px;
	width:1px;
	height:28px;
}

#seite1-14_ {
	position:absolute;
	left:998px;
	top:212px;
	width:26px;
	height:28px;
}

#Website-neu-13_ {
	position:absolute;
	left:0px;
	top:240px;
	width:1024px;
	height:326px;
}

#Website-neu-13012_ {
	position:absolute;
	left:0px;
	top:566px;
	width:2px;
	height:131px;
}

#seite1-17_ {
	position:absolute;
	left:2px;
	top:566px;
	width:151px;
	height:202px;
}

#Website-neu-13014_ {
	position:absolute;
	left:153px;
	top:566px;
	width:871px;
	height:131px;
}

#seite1-19_ {
	position:absolute;
	left:0px;
	top:697px;
	width:2px;
	height:71px;
}

#seite1-20_ {
	position:absolute;
	left:153px;
	top:697px;
	width:871px;
	height:71px;
}

und die HTML-Datei:

Code:

<body style="background-color:#FFFFFF;">
<div id="Tabelle_01">
	<div id="seite1-01_">
		<img id="seite1_01" src="http://mygully.com/images/seite1_01.jpg" width="1024" height="212" alt="" />
	</div>
	<div id="seite1-02_">
		<img id="seite1_02" src="http://mygully.com/images/seite1_02.jpg" width="26" height="28" alt="" />
	</div>
	<div id="seite1-03_">
		<img id="seite1_03" src="http://mygully.com/images/seite1_03.png" width="1" height="28" alt="" />
	</div>
	<div id="Website-neu-03_">
    <a href="#" id="image-home"></a>
	</div>
	<div id="seite1-05_">
		<img id="seite1_05" src="http://mygully.com/images/seite1_05.png" width="1" height="28" alt="" />
	</div>
	<div id="Website-neu-05_">
    <a href="#" id="image-bl"></a>
	</div>
	<div id="seite1-07_">
		<img id="seite1_07" src="http://mygully.com/images/seite1_07.png" width="1" height="28" alt="" />
	</div>
	<div id="seite1-08_">
		<img id="seite1_08" src="http://mygully.com/images/seite1_08.jpg" width="166" height="28" alt="" />
	</div>
	<div id="seite1-09_">
		<img id="seite1_09" src="http://mygully.com/images/seite1_09.png" width="1" height="28" alt="" />
	</div>
	<div id="Website-neu-07_">
    <a href="#" id="image-preisliste"></a>
	</div>
	<div id="seite1-11_">
		<img id="seite1_11" src="http://mygully.com/images/seite1_11.png" width="1" height="28" alt="" />
	</div>
	<div id="Website-neu-12_">
    <a href="#" id="image-galerie"></a>
	</div>
	<div id="seite1-13_">
		<img id="seite1_13" src="http://mygully.com/images/seite1_13.png" width="1" height="28" alt="" />
	</div>
	<div id="seite1-14_">
		<img id="seite1_14" src="http://mygully.com/images/seite1_14.jpg" width="26" height="28" alt="" />
	</div>
	<div id="Website-neu-13_">
	  	</div>
	<div id="Website-neu-13012_">
		<img id="Website_neu_13012" src="http://mygully.com/images/Website_neu_13-12.jpg" width="2" height="131" alt="" />
	</div>
	<div id="seite1-17_">
		<img id="seite1_17" src="http://mygully.com/images/seite1_17.png" width="151" height="202" alt="" />
	</div>
  <div id="Website-neu-13014_"></div>
  <div id="seite1-19_">
		<img id="seite1_19" src="http://mygully.com/images/seite1_19.jpg" width="2" height="71" alt="" />
  </div>
  <div id="seite1-20_">
		<img id="seite1_20" src="http://mygully.com/images/seite1_20.jpg" width="871" height="71" alt="" />
  </div>
</div>
</body>

Ich habe gegooglet leider kam dabei nichts brauchbares bei raus.
Hoffe jemand kann mir etwas helfen, weil ich den Wald vor lauter Bäumen schon nicht mehr sehe.

Danke schonmal MfG