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:
<style type="text/css"><br />
#container {float:left; width:800px; height:600px; position:relative; background:#ccc}<br />
#innerTop {float:left; width:100px; height:200px; position:absolute; top:0; background:#00cc00; display:none}<br />
#innerBottom {float:left; width:800px; height:200px; position:absolute; bottom:0; background:#cc0000}<br />
</style><br />
<br />
<div id="container"><br />
<div id="innerTop"><br />
this is absolute top<br />
</div><br />
<div id="innerBottom"><br />
this is absolute bottom<br />
</div><br />
</div>
Example 2:
<style type="text/css"><br />
#container {float:left; width:800px; height:600px; position:relative; background:#ccc}<br />
#innerBottom {float:left; width:800px; height:200px; position:absolute; bottom:0; background:#cc0000}<br />
</style><br />
<br />
<div id="container"><br />
<img src="someimage.jpg" style="width:800px; height:600px" /><br />
<div id="innerBottom"><br />
this is absolute bottom<br />
</div><br />
</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.
