revlet div position inquiry

[gpearson]

Now that I have updated our website with a revlet for local weather information, what are some methods to make sure the revlet is on the background layer so that a menu would be on the forground. A sample of what I have done can be viewed at http://www.niesc.k12.in.us . When you hover over the Coop Purchasing, this menu gets put behind the revlet <div> tag even through the revlet div tag has a Z-Index="1" and the menu <div> tag has a Z-Index="2" which from my reading on these tags, the higher the number the more infront of other layers it will become.

Any ideas on this?

[Mark]

gpearson,

There's nothing you can do about this, because the RevLet is a window placed on top of the browser window. You might report this as a bug and hope that it gets fixed.

Best regards,

Mark

[sturgis]

Works correctly for me. Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6

Same with the most recent safari, works fine.

[gpearson]

Works correctly for me. Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6

Same with the most recent safari, works fine.

When I saw this come in I thought to myself that I might have been doing something wrong so I loaded up Firefox, Safari and Chrome onto this development laptop where I am creating my application on, and upon viewing the link provided, I still get the same result as with IE. I have a temporary fix for this and that is moving the revlet down on the page below the menu bar so that when the menu is expanded it does not touch the revlet.

[sturgis]

Weird. Checked it again just now, the menu in question still works for me, so i'd be curious to know what the difference is. I've attached a png of the working menu on the off chance i'm misunderstanding what is going on.

For me, the menu correctly overlays the edge of the weather div including covering some of the applet text itself.

[wsamples]

It also displays correctly in Opera 10.10, with the menu dropping down over the revlet. However, on my machine, my newsreader, which uses WebKit for html display and iCab a WebKit based browser for OS X, the menu is displayed over the revlet as you want but the navbar wraps, due to font-size preferences, I suppose, and this completely disrupts your column layout. Perhaps there are some other css issues to look at along with this.

[gpearson]

It also displays correctly in Opera 10.10, with the menu dropping down over the revlet. However, on my machine, my newsreader, which uses WebKit for html display and iCab a WebKit based browser for OS X, the menu is displayed over the revlet as you want but the navbar wraps, due to font-size preferences, I suppose, and this completely disrupts your column layout. Perhaps there are some other css issues to look at along with this.

Well now that is very interesting as I do belive you. I have attached a copy of what it does on all of my computers here in the office and at home. I do not have OS X to try that so this result is from a Windows Platform.

SampleImage.png (113.3 KiB) Viewed 8255 times

[sturgis]

Ah well. The plugin is still considered alpha after all (correct me if I'm mistaken), I'm sure the next incarnation will fix a whole bunch of the oddities in its behavior.

[mwieder]

I can verify here that it works properly on OSX and overlays on XP. I'd write this up as a bug for the Windows build of the plugin.

[Mark]

Hi,

If you're going to report this as a bug, please add that it does happen in Mac OS X too. For example, my TwistAWord revlet in Facebook inteferes with facebook's CSS elements.

Best,

Mark

[mwieder]

Should have mentioned that I used Firefox for my tests - didn't try it with Safari. Mark - does a different browser affect your Facebook results?

[Mark]

Hi Mark,

No, I have this problem with Firefox. It would be good if we could figure out when it happens exactly, because as it stands now RunRev is going to declare this non-reproducible.

Best,

Mark

[wsamples]

This hints at a variety of known problems with css dropdowns and <object> in some browsers but I've got something that may dampen hope that it can be isolated to a bug in the Windows plugin. The problem can show intermittently in Opera 10.10 on OS X as shown in the screenshot. From time to time, without any discernible pattern, sections of the dropdown list will hide behind the revlet when running the cursor over the list.

I would suggest that in order to eliminate any possibility that this could be related to the css/html, you resolve the issue that causes your layout to blow up when the navbar is wrapped (screenshots form the newsreader and iCab). There is some possibility that this is a source of confusion for some browsers, and some more than others.

It might also be a valuable experiment to test this by putting a revlet under a variety of dropdown menus to see for example if it is dependent on particular css methods or if javascript dropdowns are immune, etc.