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