Same Code, Different Forum, Different Problem

[victory1]

SubDevo's Nav Tree Customize:
Wormo, you fixed the Nav Tree problem for me on my Sony Reader Forum. I've since added it to my Lovers of Romance Board with the updated Clickable Banner code and I thought everything worked fine. The code does work and look great in all web browsers but IE. My board is distorted in IE but not in Firefox, Chrome, or Safari. When I remove the Nav Tree code, IE is fixed so I know this code is causing it. I'm just lost why it's only doing it IE and no other web browser since there's no problem in IE for my Sony Reader Forum and I have this code on the forum.

loversofromance.proboards.com/index.cgi

[Wormopolis]

Yeah I saw that post on support earlier and thought I got tricked into a gay lovesite or something when it opened. I gotta tell you Im glad no one was around when that opened...

when I look at the div the navbar is in, its got CSS width=1460.. Im still trying to find where the hell that is getting set at..

[Wormopolis]

its this line:
style.width=navWidth-(offsetWidth-navWidth)+"px";


it doubles the width in IE because offsetWidth isnt an IE compatible attribute.

try this:

style.width=navWidth-(offsetParent.width-navWidth)+"px";

[victory1]

Since it's mostly women that reads romance novels, it would be more of a gay lovesite if I had a bunch of half dress women in display. ;D

It look perfect in IE now but not in the other browsers! That line is affecting my board size in other browsers such as Firefox & Chrome. I don't know if the board has increased in size by the line but my H/B images no longer fit in all browsers except IE. The only thing it did not affect is the News Fader. The size is t fixed but it also says in IE bottom that I have errors on page and when I view the source it's the line we just replaced. It says:

Message: Invalid argument.
Line: 633
Char: 4
Code: 0

I left the line in so you can see how it's displaying in Firefox versus IE!

[Wormopolis]

lets do this then.. remove the line completely and lets see what it looks like.

[victory1]

It's remove and it does not affect IE. The other browsers look the same with and without the line. I have it off now. It looks like I need the old line for the other browsers but IE don't like it. I have this same code on My Sony Reader Forum and it displays fine in IE. There must be another code on LOR forum that's making it act funny.

[Wormopolis]

I can only think its a combination of the navigation and how the side tables come into play. so removing that line made it work for all the browsers then?

[victory1]

Sept 14, 2010 21:21:06 GMT -8 Wormopolis said:

I can only think its a combination of the navigation and how the side tables come into play. so removing that line made it work for all the browsers then?

No, it does not work when I remove the code. It only work on IE. The other browsers only works with the old code. You can take a look at it in Firefox & IE to see what I mean. I don't have the line in but it looks the same with or without that line in Firefox.

[Wormopolis]

I dont have any browsers on the laptop except IE7 and FF3.5 and it looks the same to me in both with a slight spacing difference in the header image. but the nav bar isnt stretching all the way across in either browser for me.

[victory1]

This is a screen shot of how it looks:

Firefox


IE

[Wormopolis]

Yeah I thought we were still talking about the navbar thing causing stretching...

is 730 the width of your header images?

when you add back in the very original line to the code, does the header image problem go away in FF?

[victory1]

Yes the head/Base images are 730; the boards are also 730. When I have this line in, style.width=navWidth-(offsetWidth-navWidth)+"px"; the other browsers are fine but it doubles IE.

I discovered the reason why the board is showing like that in other browsers. For some reason the Nav tree width which is set at 730 and the image is also 730 is displaying at about 738 in other browsers without the above line. I made another Nav tree image that exactly 722 and when I adjusted the width of this line: var navWidth=722; // (px) Desired Width of Nav Tree. Instead of the 730 of my head/base. It's displaying at 730 eventhough it's now set at 722. I don't know where it's getting the extra 8px but that seems to do the trick in all browsers.

[Wormopolis]

There is several lines adding in some cell padding in there. What I was going to do was rewrite the line to only work f not in IE, but if changing the size has worked for you, then good deal.

[victory1]

Sept 15, 2010 16:33:23 GMT -8 Wormopolis said:

There is several lines adding in some cell padding in there. What I was going to do was rewrite the line to only work f not in IE, but if changing the size has worked for you, then good deal.

Removing that line and changing the width of the Nav Bar seems to do the trick. So there's no reason to re-write that line. Thank you!