By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
443,836 Members | 2,059 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 443,836 IT Pros & Developers. It's quick & easy.

Pre element and Overflow Attribute

P: n/a
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.

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

Jul 25 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
Fig
On Mon, 25 Jul 2005 19:28:16 +0100, R0bert Nev1lle, Ithought only the
Welsh used double capitalised intial letters, <robert_neville@y@h00.com>
wrote:
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.
IE is always a challenge. We feel your pain. Emulation? Okay.
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.
I'm not exactly sure wtf you are on about, but as long as your results are
predictable, then you must be happy. Y/N?
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.
No, they rearly are, are they? (WTF is he on about?)
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.
Errr, I know how to test code in different browsers, thank you very much
(and it doesn't involve setting them next to each other, despite my
super-douper wide-screen tip-top dvd-watching lcd-thingamy!) But anyway, I
will compare any scenario you present....Scenario.....waiting....ahhh, the
divness is awesome, the WrapOverflow pre container height inspires me.
Screenshots are, errrrr sadly missing. You know this is usenet, right?
Yes, you must be thinking change overflow auto to overflow vertical.
I am, I am.
Let's not jump to a quick conclusion.
Okay, deep breaths.
Understanding what is going on here is important as well.
Yes, you're right! Patronisation is the way to instant answers!
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,
Buy low, sell high.
explanations,
The alchohol causes dehydration of the brain, hence the bangin' headache.
Chemicals found in non-Eueopean brews don't help either. Pure water (H2O)
is the only reliable cure. So called 'Hairs of the Dog' don't cure a
hang-over, they just post-pone it.
or suggestions on this situation.
Eat first, substitute every third drink with water and don't get drawn
into a contest with a twenty stone Celt.
http://neville.f2o.org/nifty_TEMP2.html


Ohhh, a link! Clicky, clicky.....Was that a question, or a tutorial?
Either way, looks good except for a third of my super-douper wide-screen
tip-top dvd-watching lcd-thingamy is really blank and your
div.WrapOverflow pre container thinggies are overflowing.

Peace.

--
twentystonecelt
Jul 25 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.