Alignment bouncing around in FF

brian@byteharmony.com · Tue Aug 15, 2006 11:02 pm

In firefox the alignment of the horizontal menu is supposed to be centered. It bounces around when I open a page, it's correct 1 out of 5 times I load pages.

I just downloaded the latest release, it's a licensed copy.

http://beta.wausau-everest.com

Post by **Andy** » Tue Aug 22, 2006 12:06 pm

I'm not seeing any problem with the menu in Firefox - did you manage to fix it:?

brian@byteharmony.com · Tue Aug 22, 2006 12:10 pm

No I've made no progress.. The problem does not appear the first time you load the page nessisarily. Click around the site a bit it pops out for me the 2nd page or sometimes even the first if I've had firefox open for a while.

Thanks for your desire to help.
BK

PS> I'm using Firefox 1.5.0.6 on XP and Vista RC1

Post by **Andy** » Tue Aug 22, 2006 12:23 pm

Can you please get us a screen shot over - not sure what I'm looking at

brian@byteharmony.com · Tue Aug 22, 2006 12:28 pm

These to screen shots were taken by doing the following:
1. Open browser
2. Type URL
3. Hit enter
4. Take good screen shot.
5. Click a link to another page on the site
6. Type back in the homepage URL

Good:
http://www2.byteharmony.com/~happy/delme/good.jpg
Bad:
http://www2.byteharmony.com/~happy/delme/bad.jpg

It doesn't matter what URL you use, this was the homepage before the new v2 one was designed.

Post by **Andy** » Tue Aug 22, 2006 12:35 pm

HI,

Looks like there is a problem with the fontsize of 100% (declared in the menu styles) being changed to the CSS value of 11px.

I've just tried your site by declaring fontsize="11px"; instead of fontsize="100%"; and it seems much better

Hope this helps,
Andy

brian@byteharmony.com · Tue Aug 22, 2006 12:37 pm

and let you know.

Thanks again.
BK

brian@byteharmony.com · Tue Aug 22, 2006 12:42 pm

That really made the menu "STICK" to the spot where it first loaded, MUCH better. I did have one issue, where was the original font size of 11px defined? I only had fontsize=100% on in the javascript config file, was the 11px my css font size for standard text used?

BK

Post by **Andy** » Tue Aug 22, 2006 12:56 pm

Fontsize of 11px was declared in your style sheet (parent.css) under the <BODY> tag - this means it was global across the whole page.

brian@byteharmony.com · Tue Aug 22, 2006 12:58 pm

Thanks for the help,
Great work

PS> Would you consider this a bug in the code or browser considering a font size of 100% should have rendered at 11px?

Post by **Andy** » Tue Aug 22, 2006 1:16 pm

Not really, it's the way CSS declared for <BODY> overrides all other values.

It's just the way CSS works.

Milonic JavaScript Menu

Alignment bouncing around in FF

Alignment bouncing around in FF

No progress...

Screenshots both good and bad.

I'll give that a try right now...

WOW

Awesome, consider the issue closed.