yussibaer: Div-Tag laesst sich nicht nach unten verschieben

Beitrag lesen

Hi all,

mein Problem liegt darin, das ich ein div-tag auf Teufel komm raus nicht ganz unten im Browser darstellen kann. Hier der Codeauschnitt:

<BODY class="layout" leftMargin="0" topMargin="0">
  <DIV style="float:top; width:100%; height:0%;">
    <tiles:get name="headerSpacer"/>
  </DIV>

<DIV style="float:top; width:100%; height:50%;">

<DIV style="float:left; width:150px; height:100%;">
      <tiles:get name="menuLeft"/>
    </DIV>

<DIV style="float:left; width:0%; height:100%;">
      <tiles:get name="menuSpacer"/>
    </DIV>

<DIV style="float:left;  height:100%">

<DIV style="float:top; width:100%;">
        <tiles:get name="header"/>
      </DIV>

<DIV style="float:top; width:100%;">
        <tiles:get name="areaHeader"/>
      </DIV>

<DIV style="position: absolute; float:top; width:100%; ">
        <tiles:get name="body"/>
      </DIV>
    </DIV>
  </DIV>

<DIV style="float: bottom ; top: 0px ; bottom: 0px ;">
    <tiles:get name="footer"/>
  </DIV>

</BODY>

Speziell geht es um den folgenden Tag:
  <DIV style="float: bottom ; bottom: 0px ; left: 0px">
    <tiles:get name="footer"/>
  </DIV>

Wie der Name schon sagt, soll der footer stets am unteren Browserrand platziert werden. Durch die Befehle "bottom: 0px ; left: 0px" sollte der footer meiner Meinung nach dies auch tun, was leider nicht der Fall.

Jegliche Hilfestellung in dieser Problematik wird gerne entgegengenommen :)

Gruss

Yussibaer