Switch Content - problem in Mozilla based browsers

[TheDoc]

Script: Switch Content Script
url: http://www.dynamicdrive.com/dynamici...tchcontent.htm

Hi,

There is a problem with the Switch Content Script when using it in a Mozilla based browser. I don't know if the problem is with the script or with the Mozilla code itself. In Mozilla browsers (Mozilla, Firefox, Netscape, etc.), when you contract an expanded section, the size of the page does not contract with the contracted section. This is most noticeable when contracting a very large section. A large blank area appears at the bottom of the page. However, this problem does not appear in Internet Explorer or Opera. Is there anyway to fix this problem? I noticed it on a website I am developing. I also noticed it on this page here at Dynamic Drives:

http://www.dynamicdrive.com/dynamici...tchcontent.htm

Look at the bottom of the page and note the amount of white space at the very bottom. Try expanding "What is Javascript" and then contracting it. In a Mozilla based browser, there is now a larger amount of white space at the bottom of the screen. If you expand something else that is smaller and then contract it, the amount of white space at the bottom of the page is now smaller but still larger than the original amount of white space. For some reason, the page is not being resized properly during a contraction. When expanding and contract a huge section, this is painfully noticeable.

Thanks

[jemila]

yup.. i have this also.. and ontop of this problem i have another one. ive made a post of it.

basicly my dynamic fx slide out menu. wont slide back in if my mouse goes from the menu to the iframe i use. i have to take my mouse off the iframe and the menu for the onmouseout to occur and my menu to slide back in.

likewise. ie doesn't do this and all works normaly.

[jemila]

onmouseover="parent.moveBack()"

my problem was solved by including a mouseover command to the iframe as well.. not just the menu. kina doens't make sence coding wise becaues doesn't fix the problem just creates a solution. but i am very happy

as for the resize thing. its resizes the frame if its a local page. but it isn't resizing the original window as well. i think this is related to my problem because i belive firefox is treating iframes as a seperate window not a imbeded window

sooo a resize comand will have to be added to both the page the iframe is in and the iframe because firefox is keeping them seperate somehow.

not so with ie

[TheDoc]

So, how do you do the resize command?

[jscheuer1]

I've come across this before but, I forget how it was resolved. I do remember fixing it though. If you have a link to your page that has this problem, it will make finding a solution easier:

PLEASE: Include the URL to your problematic webpage that you want help with.

[TheDoc]

Well, I did provide one. It is clearly seen on:

http://www.dynamicdrive.com/dynamici...tchcontent.htm

This makes me believe it will happen on any page with the Switch Content Script.

Here is my page:
http://fcconline.hmcltd.net

To see what kinds of extremes this can take, try opening and closing a news thread way at the bottom entitled: "HMC Introduces TeleFusion service". The green bar at the bottom is always suppose to be at the very bottom. In Mozilla based browsers, it jumps up the page with white space below it when opening and closing a Switch Content item.

Thank you.

[mwinter]

In Mozilla browsers (Mozilla, Firefox, Netscape, etc.), when you contract an expanded section, the size of the page does not contract with the contracted section. [...] I noticed it on a website I am developing. I also noticed it on this page here at Dynamic Drives:

http://www.dynamicdrive.com/dynamici...tchcontent.htm

I don't see any problems. Not with my recent version of Firefox, nor with older versions of Mozilla (I have minor versions 1.3 through 1.7).

Mike

[TheDoc]

I don't see any problems. Not with my recent version of Firefox, nor with older versions of Mozilla (I have minor versions 1.3 through 1.7).

Mike

Try it on the site I posted. Make sure to look at the bottom of the page and note where the green bar is at the bottom. Then open a story. Then close it. Then look at the green bar at the bottom again. It should now have white space after it.

[jscheuer1]

I see it. Mike, try scrolling his page down to the bottom both before and after opening and closing a story. The white space gets added after the green bar.

TheDoc & Mike, it is noticeable on the demo page here at DD only if you are really, really looking for it as it is simply not that much extra space.

Anyways, you have another problem. Id's that begin with numbers and that are unquoted. This most likely is unrelated but, using id's that begin with numbers ex:

<span id=2005072901

is a bad practice as many browsers will not recognize them as id's for pure style purposes. It may even be a part of the problem. Is there any way that the id could be say,

<span id="sc2005072901"

I'll get back to you on possible solutions. It noticed there was a height="100%" on the page. That should be unnecessary in most cases and could be part of the problem.

[TheDoc]

The fact that it shows up on this site's example should mean that it isn't unique to anything related to my page. Because of the way the div's are working, the 100% height is needed for Internet Explorer to display properly. I tried removing just to see what happens; and, as far as the page not contracting when contracting a switch content area in a Mozilla browser, it didn't make a difference. I will see what I can do with the ID number with quotation marks and starting with a letter instead of a number. Really, I don't think that is the problem if I can replicate the effect on this site's example.