Topic: IE issues - Overflow and vertical scroll bar (Page 1 of 1)

Here's my next IE challenge (frustration). It deals with the overflow attribute. Overflow was a challenge on my page since the page includes position fixed emulation for IE. The page linked below does not incorporate this attribute.

The present scenario deals with the pre element. Sometimes the content in the pre container exceed the width of the content container. The problem is usually solved with the overflow attribute. When you set any parent container (html, body, container, or content) overflow attribute, IE does not deal with the pre elements overflow attribute well.

The workaround involves wrapping a pre element in a div, WrapOverflow. Now, you could set the overflow auto attribute on the child pre element. Apparently, the wrapper ensures that IE renders hasLayout. I am not exactly sure why it works, but it has predictable results.

My pre element has a div wrapper to control the container horizontal expansion, yet maintain overflow auto. The problem relates to IE placing a smaller height on these two containers. By controlling the horizontal expansion; you have constrained the vertical height as well. The net effect is a vertical scroll bar.

Compare the scenario in both Firefox and IE; set the browser next to each other; notice the pre container height. Review the code for a full illustration.

Yes, you must be thinking change overflow auto to overflow vertical. Let's not jump to a quick conclusion. Understanding what is going on here is important as well. The pre container's height should grow in IE. Let me know if you have any good ideas, explanations, or suggestions on the scenario.

http://neville.f2o.org/nifty_TEMP2.html

um...sorry, could you say that again in English?

something like this would be choice:

quote:

---

Ugh, this is what I do not want that it does: {insert image}

Ugh, this is what I want: {insert image}

---