There is a large absolute positioned Div with lots of absolute positioned content in it.
Source Looks like this:
<div id="masterdiv"
style="display:block;position:absolute;
left:0;top:0;width:595pt;background:white;">
<IMG WIDTH=793 HEIGHT=1121
style="border:2px solid lightgrey;background:white;left:0pt;top:0pt;
width:595pt;height:841pt;" SRC="../../xyz" id="masterbild">
<p style="left:574.75pt;top:67.05pt;font-family:Arial;font-size:11pt;">
<b>W1</b>
</p>
<p style="left:160pt;top:71.15pt;font-family:Arial;font-size:12pt;">
<b>Rohrbearbeitungs-<SPAN style="word-spacing:0.05pt;"> </SPAN>
und<SPAN style="word-spacing:0.05pt;"> </SPAN>Handwerkzeuge</b>
</p>
....
</div>
The problem (IE9!):
I cant scroll to the end of the div content. The scrollbar of the browser and the div itself stops at a certain point (bottom) of the page. But this is NOT the end of the content. If I put the “top” style value of “masterdiv” to -400px I can see theres actually more content.
Pictures
Bottom of the Page:
http://imageshack.us/photo/my-images/337/seitenende.jpg/
Changed Top to -400px:
http://imageshack.us/photo/my-images/269/gendertertop.jpg/
Things I tried:
Setting “Masterdiv” to 100% height or “1500px” or whatever doenst work.
Setting Body to “1500px” affects the scrollbar, but the content of the div is still ending at some certain point.
I combined these two things without succes.
EDIT: Solution:
Body Tag had “position:fixed” on it. I dropped it and it worked.
What can I do?
Im forced to use position:absolute.
Have a look at the whitespace style tag, or try fiddling around with the overflow options, it should expand automatically at that point, but not too sure about how IE9 behaves.
EDIT
It might be the default settings for the iframe. Try seeing if setting the scrolling parameter to “yes” within the iframe