[riebah]

Hallo,
ich habe ein kleines Problem mit meinen Div´s.

<div class="all"> <div class="flash">###FLASH###</div> <div class="nav">###NAV###</div> <div class="main">###MAIN###</div> </div>

.all {
width:992px;
background:url(../img/page/bg.gif) top left repeat-y;
}
.flash {
width:992px;
height:104px;
}
.nav {
width:185px;
float:left;
background-color:#ebebeb;
}
.main {
width:807px;
background-color:#ffffff;
float:left;
}

Ich habe eine große div (all) die alle weiteren Boxen beinhaltet und deren height sich automatisch an die Länge meines Inhalts anpasst (main).
Dann habe ich einen linken Bereich für die Navigation (nav) und einen rechten für den Inhalt (main).

Jetzt bräuchte ich unter der div für meine Navigation noch eine div.
Diese müsste immer in der linken unteren Ecke der div (all) positioniert sein.
Ich habe es schon mit bottom:0px versucht, jedoch hat das nicht geklappt.

Ich hoffe ihr versteht meine Beschreibung und könnt mir helfen.

[ahhhndi]

Mach innerhalb des <div class="nav"> noch ein <div class="nav-footer">.

.nav-footer {
position: absolute;
bottom: 0;
height: xx%;
}

und gib der nav die entsprechend höhe in %.

[haelje]

und beim

.main {
width:807px;
background-color:#ffffff;
float:left;
}

am besten noch:

.main {
width:807px;
background-color:#ffffff;
float:left;
clear:left;
}

dazu, damit die float-eigenschaften korrekt zurückgesetzt werden. wenn du den footer allerdings absolut positionierst ist das glaube nicht zwingend notwendig.