[jQuery] Re: Superfish - Nav-bar style with bgIframe?
Been working on this page: http://www.farmanddairy.com/shop/index.php?main_page=product_info&cPath=65&products_id=181 Div #absolutekartbutton was position:relative with float:left. "Columns" under "News" was disappearing behind many objects. I fixed most by removing float:left from #absolutekartbutton. Still, the "Farm and Dairy - 1 Year Subscription" image header was above the Columns menu. Oddly enough, this was fixed by _adding_ float:left to that h3. Weirdly, the bug is definitely dependent on position:relative, especially when it's combined with a float. For anyone suffering this bug: toy around with combinations of these two properties. I had to float that h3 for no good flippin' reason because it was the child of a position:relative object, but it fixed the problem.
[jQuery] Re: Superfish - Nav-bar style with bgIframe?
Similar thread here, so mine doesn't seem to be an isolated case: "Superfish with bgiframe does not cover position:relative div in IE" http://groups.google.com/group/jquery-en/browse_thread/thread/49e836df04d9b45b
[jQuery] Re: Superfish - Nav-bar style with bgIframe?
Worked it out through process of elimination. Looks like the menu is ducking behind items with position:relative in the css. Not sure why, and I think bgIframe should display over it regardless of position rule, but I'll post more as I unravel it all in case someone in the future has this issue. (The specific example url above was bugged thanks to position:relative star hacks in cforms' wide_form.css stylesheet.) On Dec 24, 12:41 pm, Alkafy wrote: > Superfish ver. 1.4.8 > Bgiframe ver. 2.1.1 > JQuery ver. 1.2.6 > > Are you using the nav-bar style as well? I'm not sure if that matters > or not since the ul's are displayed differently. > > On Dec 24, 11:48 am, SLR wrote: > > > > No dice, I'm afraid. The only change was that it generated white, drop- > > > down arrows again. Thank you for trying to help me out. I'm going to > > > create a test environment later today, with the same settings and > > > files, but without being embedded in one of my pages. I think bgIframe > > > may have a conflict with other javascript on the page. I'll post any > > > results. > > > Odd... I'm using that same code and it's working fine on my end. What > > version of Superfish and BgiFrame are you using? > > > Currently, I'm running Superfish ver. 1.4.8 and BgiFrame ver. 2.1.1 > > with the code I mentioned earlier, and it's working flawlessly.
[jQuery] Re: Superfish - Nav-bar style with bgIframe?
Superfish ver. 1.4.8 Bgiframe ver. 2.1.1 JQuery ver. 1.2.6 Are you using the nav-bar style as well? I'm not sure if that matters or not since the ul's are displayed differently. On Dec 24, 11:48 am, SLR wrote: > > No dice, I'm afraid. The only change was that it generated white, drop- > > down arrows again. Thank you for trying to help me out. I'm going to > > create a test environment later today, with the same settings and > > files, but without being embedded in one of my pages. I think bgIframe > > may have a conflict with other javascript on the page. I'll post any > > results. > > Odd... I'm using that same code and it's working fine on my end. What > version of Superfish and BgiFrame are you using? > > Currently, I'm running Superfish ver. 1.4.8 and BgiFrame ver. 2.1.1 > with the code I mentioned earlier, and it's working flawlessly.
[jQuery] Re: Superfish - Nav-bar style with bgIframe?
No dice, I'm afraid. The only change was that it generated white, drop-
down arrows again. Thank you for trying to help me out. I'm going to
create a test environment later today, with the same settings and
files, but without being embedded in one of my pages. I think bgIframe
may have a conflict with other javascript on the page. I'll post any
results.
On Dec 22, 11:06 am, SLR wrote:
> > The initiation:
>
> > $(document).ready(function(){
> > $("ul#sf-menu-id").superfish({
> > autoArrows: false,
> > pathClass: 'current'
> > }).find('ul').bgIframe();
>
> > });
>
> Try changing your document.ready statement to this:
>
> $(document).ready(function(){
> $("ul#sf-menu").superfish().find('ul').bgIframe({opacity:false});
>
> });
[jQuery] Re: Superfish - Nav-bar style with bgIframe?
I hate to bump, but it's been a week and I'm really at a loss here. If anyone could simply bounce a couple vague suggestions off me, it'd be great.
[jQuery] Superfish - Nav-bar style with bgIframe?
We've been using Superfish for our menu, but bgIframe doesn't seem to
solve our IE 6 issues.
The test browser:
Internet Explorer 6.0.2600
Windows XP Professional (No Service Packs)
The initiation:
$(document).ready(function(){
$("ul#sf-menu-id").superfish({
autoArrows: false,
pathClass: 'current'
}).find('ul').bgIframe();
});
Example broken page:
http://www.farmanddairy.com/recipes/submit-recipe
The menu goes behind several of the inputs. This happens across the
site in different places; It even goes behind a couple of image page
headers. I tried using opacity:false but the first child ul gets a
vertical scrollbar and a white background, while the menu still goes
behind other elements. I tried using combinations of the find()
command to dig deeper but I can't get the hang of it. If anyone could
give me a hand, it'd be much appreciated. Thank you.
