Topic: Pre element and Overflow Attribute Pages that link to <a href="https://ozoneasylum.com/backlink?for=26314" title="Pages that link to Topic: Pre element and Overflow Attribute" rel="nofollow" >Topic: Pre element and Overflow Attribute\

 
Author Thread
robert_neville
Nervous Wreck (II) Inmate

From:
Insane since: Jan 2005

IP logged posted posted 07-23-2005 22:58 Edit Quote

(Partial repost)

Here's my next IE challenge (or frustration). It deals with the overflow attribute. Overflow property was a challenge on my page since the page emulates position fixed for IE.

The present scenario deals with the pre element. Sometimes the content in the pre container exceed the parent container's width. IE expands the parent containers width as a result. The workaround for this scenario relates to the overflow property and using a wrapper with the height set to 1% . Now, IE maintains the parent container width. Apparently, the wrapper ensures that IE renders hasLayout. I am not exactly sure why it works, but it has predictable results.

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.

Firefox has no need for the wrapper and still renders the page accurately with the superfluous code. The problem relates to IE rendering pre/wrapper with a smaller height. By controlling the horizontal expansion; the workaround has somehow constrained the height as well. The net effect is a vertical scroll bar, which is not ideal.

Compare the scenario in both Firefox and IE; set the browser next to each other; notice the div.WrapOverflow pre container height. Screenshots are below and 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, but the page's complexity and various hacks muddle the scenario. I have already spent a month on this scenario, but do not have the skill to decipher what various hacks impose on my layout. Let me know if you have any good ideas, explanations, or suggestions on this situation.

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

(Edited by robert_neville on 07-23-2005 22:59)

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 07-23-2005 23:16 Edit Quote

I really wish you would stop posting these garrulous essays of meaninglessness.

Blaise
Paranoid (IV) Inmate

From: London
Insane since: Jun 2003

IP logged posted posted 07-24-2005 11:23 Edit Quote

Hahah, I think I'm getting a deja vu of a previous inmate...

robert_neville
Nervous Wreck (II) Inmate

From:
Insane since: Jan 2005

IP logged posted posted 07-25-2005 19:31 Edit Quote

Obviously, you don't appreciate the pretty pictures and adjustment made from your initial comments. This scenario is not for the faint heart, yet requires considerable thought. Basically, it is beyond the basics. It requires a person with advance knowledge of hacks and intelligence. Hopefully, someone will give me considerable though to my scenario.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu