[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

miztashiva · 27.01.12, 22:39

Da sit gar kein Footer drin!

Safran · 27.01.12, 23:19

Jo, da ist doch gar kein Footer xD
Auf dem Foto ist einer zu sehen, aber im Code ist keiner zu finde...

Ich schlage vor, du kommentierst bitte jedes Element ausführlich und benennst die Sachen so , dass ein 3. auch versteht was das Element macht.
So wird dir keiner helfen, das ist eine zu große zumutung.

Vlt. hilft es ja schonmal zu schauen wie du den Footer positioniert hast, relative oder absolute? Ich tippe du hast dort einen Fehler gemacht, oder du hast den Footer in den selben div Container gepackt , wie der Text.

PS: Dreamweaver produziert so viel Codemüll, setz dich lieber mal nen Tag hin und lern HTML und CSS von Hand zu schreiben, das macht das ganze übersichtlicher.