✔ Problem mit den Höhenangaben (auto)

[Comenius]

Hi

Ich habe mir ein Layout gebastelt: Logo, Kopf, Links, Mitte, Rechts und Fuss. Damit das ganze nicht frei im Fenster schwebt, ist noch ein Rand ausendrum.

#LOGO { position: absolute; top:	 10px; left: 10px; width: 985px; height: 45px; border:	 0px solid #000000; background-color: #F1F1F1; }
#KOPF { position: absolute; top:	 60px; left: 10px; width: 985px; height: 20px; border:	 1px solid #000000; background-color: #003366; }
#RAND { position: absolute; top:	 80px; left: 10px; width: 985px; height: auto; border:	 1px solid #000000; background-color: #FFFFFF; }
#LINKS { position: absolute; top:	 10px; left: 10px; width: 130px; height: auto; border:	 1px solid #000000; background-color: #FFFFFF; }
#MITTE { position: absolute; top:	 10px; left: 150px; width: 682px; height: auto; border:	 1px solid #000000; background-color: #FFFFFF; }
#RECHTS { position: absolute; top:	 10px; right: 10px; width: 130px; height: auto; border:	 1px solid #000000; background-color: #FFFFFF; }
#FUSS { position: absolute; bottom: 0px; left:	0px; width: 985px; height: 20px; border-top: 1px solid #000000; background-color: #003366; }

Die HTML-Datei dazu sieht so aus:

<!-- [******************** LOGO ********************] //-->
<DIV ID="LOGO">
</DIV>
<!-- [******************** LOGO ********************] //-->
 
 
<!-- [******************** KOPF ********************] //-->
<DIV ID="KOPF">
</DIV>
<!-- [******************** KOPF ********************] //-->
 
 
<!-- [******************** RAND ********************] //-->
<DIV ID="RAND">
 
 
<!-- [******************** LINKS *******************] //-->
<DIV ID="LINKS">
</DIV>
<!-- [******************** LINKS *******************] //-->
 
 
<!-- [******************** MITTE *******************] //-->
<DIV ID="MITTE">
</DIV>
<!-- [******************** MITTE *******************] //-->
 
 
<!-- [******************** RECHTS ******************] //-->
<DIV ID="RECHTS">
</DIV>
<!-- [******************** RECHTS ******************] //-->
 
 
<!-- [******************** FUSS ********************] //-->
<DIV ID="FUSS">
</DIV>
<!-- [******************** FUSS ********************] //-->
 
 
</DIV>
<!-- [******************** RAND ********************] //-->

Ich bin eigentlich recht zufrieden damit, aber!: Die Fussleiste wandert nicht automatisch mit dem Mittelteil mit.

Der Mittelteil passt sich dem Inhalt an, der "wandert" also mit.

Die Fussleiste hingegen, sitzt immer hinter der Kopfleiste....

Ich möchte gerne, dass Die Fussleiste immer unter dem Mittelteil ist, hab aber leider keinen Plan.

Freu mich schon auf Antworten

Gruss
Commi

 

[Loomis]

Hi,

also ich rate zur studie (nein ganz soviel zu lesen ist es auch wieder nicht )
des folgenden dokumentes:

http://www.css4you.de/wslayout1/index.html

Im übrigen überhaupt eine gute anlaufstelle wenn es um Probleme mit CSS geht

(Ich würde dir gerne genauer helfen mein verständnis was CSS angeht reicht aber gerade so um meine eigenen Sachen einigermassen zu richten )

 

[Comenius]

Dank dir
Ich werde mich mal schlau machen.

Gruss
Commi