CSS: DIV Box die am ende einer Website angezeigt werden soll

[jpwfour]

noch eine option wäre:
position:fixed;
damit würde der footer immer am unteren rand angezeigt werden, und der rest der seiet scrollen, ohne dass sich der footer bewegt, so wäre er imemr zu sehen, egal ob der inhalt nun größer oder kleiner als das browserfenster ist.

mit javascript kenn ich mich da zuwenig aus, aber soviel code sollte das nicht sein.

EDIT:
so, hab nun doch noch was gefunden, wie man das nur per CSS erreichen kann:
min-height ist hierbei die lösung (wenn das ganze auch einer weiche für den ie bedarf)

dazu gibt es eingie beispiele:
http://forum.de.selfhtml.org/archiv/2007/11/t161189/
http://forum.de.selfhtml.org/archiv/2006/9/t137848/

aber sogar auch eines (das beste würde ich sogar sagen), ohne min-height:
http://tammofreese.de/assets/2005/12...-erreicht.html

[bulli]

Vielen dank, ich habe zwar auch schon gegoogelt, jedoch nicht solche informativen Seite gefunden.

[Spezi]

Hier mal die Lösung
Man braucht das CSS nur an der richtigen stelle Positionieren in diesem Fall die "index.php". Und siehe da , es funktioniert.

Man könnte es auch ganz oben in die "footer.php" platzieren , wäre der gleiche effekt.



main.css

.footer {
    position: relative;
    background-image : url(../images/footer.jpg);
    width: 649px;
    height: 79px;
    top: 10px; 
} 

index.php

<?
if (isset ($_GET['content']) && !empty ($_GET['content'])) {
 if (strpos ($_GET['content'], '../') !== FALSE) die ('Zugriffsverletzung !');
 if ($_GET['content']{0} != '/') $_GET['content'] = '/'.$_GET['content'];
}
require ( './lib/header.php' );
require ( './content'.$_GET['content'].'.php' );  ?>
<div class="footer"><div style="position: relative; top: 30px; color: #000000">Ich bin ein Footer</div></div>     
<?
require ( './lib/footer.php' );
?>

Damit hält sich ein Footer immer unter der letzten Contentbox.

:smilewinkgrin:

Hier kannst Du dir es anschauen.
http://spezi.vms1.de/freevms2