I created several div tags which are nested.
The code snippet looks like this:
<BODY class="layout" leftMargin="0" topMargin="0"> . . . <DIV style="float:top; width:100%; height:50%;"> <DIV style="float:left; height:100%"> . . . <DIV style="position : absolute ; width:100%; "> <tiles:get name="body"/> </DIV> </DIV> </DIV> <DIV style="clear : both ; "> <tiles:get name="footer"/> </DIV> </BODY>
I discovered one interesting thing: If I delete the expression "position : absolute ;" then it works well, i.e. the footer is allways below. But I need this expression, thus I can't remove it. I tried to place the footer below with "position : absolute", "bottom:0px; left:0px;" as well as with "clear : both ;". Unfortunately, non of them worked well.
Any help is highly appreciated :)