Topic-icon Issues in different browsers

Active Subscriptions:

None
13 years 10 months ago #24670 by Larry_Lou
Hi,
I have my site up and running and have started promoting it. I'm relying heavily on JFB Connect but right now it is disappointing. In some browsers it seems to work fine and in others it doesn't. Attached is a screenshot from Firefox 13.0.1 on a Mac (OS Lion). As you can see there is an overflow issue in the display. BUT more importantly, there is an error when I try to 'Like' or 'Send' ("Fehler"=Error). I've gotten, and seen, similar reports of problems with safari and chrome. I haven't been able to test with IE yet. Apparently JFB is working in some browsers because I can see the activity in Facebook.
I need to quickly get to the bottom of these problems, so that everything is working as it should. Thanks for your help!
Larry
File Attachment:
The topic has been locked.
Support Specialist
13 years 10 months ago #24691 by alzander
Larry,
I just looked at your home page. Not sure why you'd be seeing the Send text cutoff like that. Looking at the HTML on the page, the normal culprit (an overflow:hidden tag) couldn't be found. I always wasn't seeing the cut-off using Chrome, Firefox or IE, just so you know. Did you change anything?

With that said, on the sub-pages, I did see an overflow:hidden problem. For example:
/index.php/glaube/43-3-stadien
In the /templates/yougrids/css/newsitems.css, you'll want to remove the overflow:hidden statement from the the .news_item_a class (line 43)

As for the error you're getting when sending, when does that occur? When the Send button is initially clicked, or when the message is actually being sent? I can't seem to see any errors, but maybe I'm testing wrong. Is the whole message just "Fehler", or is there more to it, and does the error come up in a popup or does it replace the Send button?

Hope some of the above helps with the styling, and we'll do what we can once we understand the send error more.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 10 months ago #24707 by Larry_Lou
Hi Alex,
I made the css change you recommended, but it didn't take care of the problem (see screen shot). When I check with firebug, I see an, 'overflow: hidden' in the file 88ckxdEC3mV.css on line 51. But I haven't a clue where the css-file is. Another file that seems suspect is aAGat14rsXd.css. Are these part of JFB or are they coming from Facebook?
Regarding the functionality problems, I only get the red text message 'Fehler' like in the screen shot below. When I click on the like button, the dialog box comes up to make a comment and then disappears again and at that point the 'Fehler' message appears.
Right now I can't use send on the category images because the box is being cut off. On the start page send is working ... except the box is again cut off on the bottom image. so, I'm guessing that is a styling issue.
I won't make any further changes until I hear from you. From the time that you are answering posts, I assume you are in the USA. I'm in Europe. I'll try to look for your response this evening so that we can 'dialog' some with out a day's wait between.
Thanks,
Larry
File Attachment:


File Attachment:
The topic has been locked.
Active Subscriptions:

None
13 years 10 months ago #24818 by Larry_Lou
Hi,
Well, I've waited since last Friday. I hope we can move forward with this today. My sponsors are starting to jump ship.
Larry
The topic has been locked.
Support Specialist
13 years 10 months ago #24826 by alzander
Larry,
Sorry for the delay in getting back to this. I'm not seeing the cutoff issue in any browser. I've tested Chrome, Safari, and Firefox.

I'm also not seeing the overflow:hidden you mention, or even the CSS file you mention. I've attached a Firefox image using their debug tools which shows that the Send button is extending beyond it's current div, but not being cutoff. Additionally, the styles for the column are shown and there isn't an overflow:hidden tag.
File Attachment:


Can you please try clearing your caches and trying again? We simply can't see the issue you're mentioning. I also can't see anything wrong that would be causing it (I've checked all the divs and common problems that can cause this).

Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 10 months ago #24839 by Larry_Lou
Hello Alex,

It looks like this is going to be a tough one. I cleared the caches with no change, so we still don't know how to narrow this down.
I just tested on IE with Windows Vista and the clipping problem was not present. It is however present on Safari, Firefox and Chrome on the Mac (various operating systems). Here are two screen shots with what Firebug is showing me:
File Attachment:

File Attachment:

Being a graphic designer, many of my friends are on Macs, so I may be getting a disproportional amount of negative feedback. I'd put this problem as less important than the other problem.

My biggest concern is that the "Like" button is not working - also not in IE with Windows. I'm still getting the same error message and nothing turns up in Facebook. I can "send" the images to FB-Friends but nothing happens on Facebook when I or others click 'Like' on one of the images. I'm also quite surprised that the "Like" module for the site has only registered two Likes. There are 13 on the Facebook page www.facebook.co/flummis.net. I don't understand the ins-and-outs of Facebook so I may have something set wrong somewhere. Is it possible that there is a problem with my Facebook Application? Here is a screen of my JFB overview. Is there a problem here?
File Attachment:

Thanks for sticking with me.
Larry
The topic has been locked.
Support Specialist
13 years 10 months ago #24841 by alzander
This is definitely not fun :)

We use Macs too, almost exclusively actually, for development. Below is a picture of what I'm seeing in Safari:
File Attachment:

The overflow:hidden you're seeing is actually buried within the Facebook iFrame for the send button. That's too far 'in' and that's not the problem. If you want to find the right div, it will be outside of the fb:like tag itself. Additionally, you want to find a div where the blue outline *exactly* lines up with what's getting cut-off. The blue outline in your picture is actually to the right of it. If the contents extended that far, as they should, the overflow:hidden wouldn't have an effect since there wouldn't be anything extending past the blue box. From your picture and looking at your html, it would look to be either #midblock or .insidem Neither of those have z-index's or overflow:hidden properties that I see though, so not sure what's causing that to get cut-off for you.

As for clicking the Like button, that too works perfectly for us:
File Attachment:


What is the exact error message you get? Does that happen with other users? Are you logged into Facebook and have the "Use Facebook As" setting enabled so that you're browsing as your Facebook Page instead of your personal profile? Since the counts are showing something on the Like buttons, it means that others have been able to make it work..

Finally, for the different Facebook Like counts, each Like button is tied to a unique URL.. either the URL of a page on your site or your Facebook Page. Each URL has it's own individual Like count, so the Page count will be different than the count of Like's for individual pages of your site.

Hope that all explains. No clue why we're seeing completely different things, but check those divs I mentioned above and see if you're seeing overflow or z-indexs that I'm not. Also, clear your browser cache (again), if you haven't recently.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 10 months ago #24842 by Larry_Lou
Hello Alex,
I'll try and track down #midblock and .insidem in the css files and check them. One more clue for you: Your screen shot is taken from the start page which, in Joomla is showing the front page articles. I'm not having the problem there either (never noticed). Have a look at a category blog page like the link "Humor". That is where the problem shows up on the mac.
As to the main problem, the error message: all I get is the word "Error" (in German "Fehler") as I described a couple of posts ago. When you clicked "Like" on the screen shot in your last post, does the image show up on your Facebook wall? When I click "Like" I don't get it on my wall although I am logged into Facebook and using Facebook as my personal profile.
As to the count on the page likes, I understand that there can be a discrepancy. But, if someone clicks "Like flumes.net on Facebook" should it not show up on www.facebook.com/flummis.net with a notification to me as the administrator?
Thanks,
Larry
The topic has been locked.
Support Specialist
13 years 10 months ago #24843 by alzander
Ahhh.. Now that we're looking at the same page, it's a bit more obvious :)
Edit /templates/yougrids/css/newsitems.css At line 162 in "div.yjsg-newsitems .ysjg-leadingarticles" you'll find our offensive overflow:hidden. Kill that.

As for the Like button, the picture above was what was posted to my wall. I didn't show the whole wall, but that's the actual content that comes up. To do that, I clicked the Like button, a popup came up asking if I wanted to post it to my wall, which I did.. the image was the result.

Can you try from other FB Users? Possibly from another computer? It's possible your blocked by a firewall or something. Unlikely, but out of ideas on why you're having that problem.

Finally, for the 'Like' flummis.net an FB module, the URL you have specified there looks to be "/www.flummis.net" That should a) have a http:// in front of it (definitely), and b) if you want it to be a Like for your Facebook Page, you should use that URL, not your home page URL.

Hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 10 months ago #24844 by Larry_Lou
Bingo! It looks like we have the overflow problem. A million thanks!

I had a FB-Friend "Like" something from the www.flummis.net site and this is what I see on my wall:
File Attachment:


With the "Like" flumes.net button, if the URL is www.flummis.net, what will show up where in Facebook?

We're getting there. Thanks again for your help.
Larry
The topic has been locked.