Major flickering

Poster: eragon
Dated: Saturday February 26 2005 - 5:44:22 GMT

Hi there! I ran a search on this, but the results didn't really contain a solution from what I could tell.

I had been using a slightly older version of the menu on a page that I'm building. It's built entirely with CSS. When I added the menu to it there was some major flickering going on when I rolled over one of the main topics in the parent level. This only happens when viewing it in Firefox; IE seems to be happy with it.

Thinking it might be better if I use the latest version, I downloaded it this evening and just put it on the page "right out of the box". I didn't worry about positioning for the moment; I just wanted to see what it would do. Now it's flickering even more.

I did comment out the outfilter and overfilter to see if that had any affect. It didn't. Soo...

1. Can the flickering be fixed?

2. An unrelated question: I know that if I use menuwidth at 100% the menu will "shrink" when a user narrows their browser window. But what if I want to have the menu at a certain width and centered horizontally? Can that be made to shrink as well, at least to a certain point? You'll see on the link below that ideally I'd like to have the menu cover the dark grey bar at the top of the page.

Here's the page I'm working on: link

Thanks for any help!

Poster: Ruth
Dated: Saturday February 26 2005 - 8:09:58 GMT

You can use screenposition="center"; and a top= postion, this will put the menu down however many pixels, and center it. But, it will always center it, so when someone makes their window smaller the menu won't get smaller, it will stay the size specified and will shift so it is always centered. The only way I can think to do what you want would be to put the menu in a table with a width of 100% for the menuwidth. I think if the table cell then gets smaller as the browser is made smaller, the menu would adjust down, since 100% would be 100% of the table cell. But that putting it in a table can have it's own problems if not done correctly. Here's the explanation for table bound menus

As for the flickering, which Firefox version?

Ruth

Poster: Andy
Dated: Saturday February 26 2005 - 10:06:39 GMT

Hi,

This seems to be a bug with Firefox and your use of overflow:auto inside ffw-layout.css for the content div. If you remove overflow:auto for #content it stops the flicker.

I'll get this reported to the Mozilla team later today.

Cheers
Andy

Poster: eragon
Dated: Saturday February 26 2005 - 15:25:28 GMT

Thank you both for your help!

I'm using FF v1.0. Andy, your fix took care of it. What a relief!

Poster: John
Dated: Monday February 28 2005 - 2:20:44 GMT

Note that FF is now at 1.0.1. No idea what they did or if it will help (even though the problem is solved). Just FYI...