We have just upgraded our version of PD4ML specifically for the positioning fixes, unfortunately they don't quite work.
If you have div within a div, and the inner div is "position:absolute; bottom:0", then it works fine.
The problem is when you have a div with two absolute positioned divs within, or a div with an absolute positioned div and an image inside.
Example 1:Code:
<style type="text/css">
#container {float:left; width:800px; height:600px; position:relative; background:#ccc}
#innerTop {float:left; width:100px; height:200px; position:absolute; top:0; background:#00cc00; display:none}
#innerBottom {float:left; width:800px; height:200px; position:absolute; bottom:0; background:#cc0000}
</style>
<div id="container">
<div id="innerTop">
this is absolute top
</div>
<div id="innerBottom">
this is absolute bottom
</div>
</div>
Code:
<style type="text/css">
#container {float:left; width:800px; height:600px; position:relative; background:#ccc}
#innerBottom {float:left; width:800px; height:200px; position:absolute; bottom:0; background:#cc0000}
</style>
<div id="container">
<img src="someimage.jpg" style="width:800px; height:600px" />
<div id="innerBottom">
this is absolute bottom
</div>
</div>
Unfortunately we have a very urgent requirement to show text boxes overlayed on images, if anyone has any work around or ideas please post them.
