OZONE Asylum
Forums
XML - XSL - XSLT - XHTML - CSS - DOM
IE issues - Overflow and vertical scroll bar
This page's ID:
26260
Search
QuickChanges
Forums
FAQ
Archives
Register
Edit Post
Who can edit a post?
The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.
Your User Name:
Your Password:
Login Options:
Remember Me On This Computer
Your Text:
Insert Slimies »
Insert UBB Code »
Close
Last Tag
|
All Tags
UBB Help
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
Loading...
Options:
Enable Slimies
Enable Linkwords
« Backwards
—
Onwards »