473,322 Members | 1,417 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Pre element and Overflow Attribute

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
1 4709
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: Ingrid | last post by:
Am I right in thinking that datatyping at element level ie <xs:element name="num" type="xs:integer"> and specifying a choice of attribute values ie <xs:attribute name="kind"> <xs:simpleType>...
4
by: Gordon Dickens | last post by:
I have target xml to generate from schema. All of the XML instances have the same global element i.e. <base>. I would like to combine all of the schemas into a single schema where I could...
0
by: magister | last post by:
Hello, I want to have a unique Quesiton Id key for each question under section. Not for every question in the Typed DataSet. Is there anyway I can do this...? Thanks, here is my typed...
6
by: Martin | last post by:
Hi, I have a xml file like the one below <?xml version="1.0" encoding="utf-8"?><e1 xmlns:e1="http://tempuri.org/Source1.xsd" e1:att1="1" e1:att2="2" e1:rest="345"/> If I try to create a...
5
by: junky_fellow | last post by:
Hi, I discussed about this earlier as well but I never got any satisfactory answer. So, I am initiating this again. Page 84, WG14/N869 "If both the pointer operand and the result point to...
4
by: Eric | last post by:
Attached is an example of my question. Note the "values" attribute is optional. Also the <valuesub-element is optional. Here, the XML can contain, 1 or both or neither. I would like to allow...
9
by: mevryck | last post by:
Greetings I have a huge Javascript with inclusion of external scripts and all. I got this by doing a XSLT . Now I have the contents in a Javascript variable, but I'm not able to update the...
2
by: mlb5000 | last post by:
I seem to be having issues validating an XML document using my schema. Both are below: The Schema: <?xml version="1.0" encoding="UTF-8"?> <xs:schema...
2
by: Randall | last post by:
I am trying to create an filled rectangle using the div tag that is 5 pixels high. It appears to be taller than 5 pixels unless I use the OVERFLOW: HIDDEN attribute. Since the DIV is empty, why...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.