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:
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