H5P timeline alignment - wordpress

I have a running website that has a H5P timeline that works really well in chrome but in Firefox its outside the canvas and off to the side. The website is here:
http://www.tunapanda.org
If you scroll down a little bit you will see the timeline developed in H5P. This timeline should show under the heading "Our History". It does this in Chrome, but in Firefox it appears to the right of the heading, to a large part outside the window.
Any help would be greatly appreciated!

I can't find your content, it seems you have removed it from the page.
If you're still looking to solve the problem I would suggest updating your H5P timeline or grabbing it directly from github by getting the wrapper and the external timelinejs library.
If you still experience problems after this I suggest trying to isolate the problem and put up a code snippet, link to a jsfiddle or an off-prod site that we can check out to help you further.

Related

MS Edge wrong display a slideshow and a content below

I'm creating a simple site here: http://dev.bajan.sk/poplar/en/ubytovna-poplar
The problem is only in MS Edge, there is a slideshow above the page content. In each other browser, which I tried, the content is below the slider, but in Edge it seems, like the slideshow would by position:absolute, or fixed. I checked a custom CSS, but there's nothing to repair.
My problem is, that I use win7, so it's impossible to install the Edge. I was using only browserstack.com account, but the free halfhour passed away and it's also very very slowly. If someone could help, I would be thankful.
I solved the problem.
This site was not created by me from scratch. I only took a job after a graphic designer, who played on coder. He didn't upgrade the plugins, which means, the very old version of bootstrap (from year 2014) was linked to site. The Edge browser has a problem. Two clicks to update the plugins and everything work fine now.

Yammer embed code double scrollbar

I have embedded the Yammer news feed onto a SharePoint page. It works fine, but recently a second vertical scrollbar appeared. It seems to be part of the iframe. Does anyone know of a way to remove this extra vertical scrollbar?
Here is the image for scroll - bar
We are also experiencing the same issue. This wasn't a problem prior to December, but it appears there was an update that's included adding overflow-y:scroll to the html tag within the iframe.
It's easy to see the problem from the Yammer Widget configuration page: https://www.yammer.com/widget/configure
As the issue is within the iframe, I believe we have to wait for an update from the Yammer dev team to resolve...
update - here's a screenshot (i'm new and it wont let me comment)
screenshot of yammer embed
it looks like Yammer fixed the problem! I would check again to see if the issue is resolved

How to fix formatting issue when loading page in different tab?

I'm having an issue with my website http://www.ben-drury.co.uk/ (I know the content sounds dumb, but it's my first attempt at a portfolio and it's not finished) where the formatting of the text is very peculiar under a specific set of circumstances.
When loading any post or page in Google Chrome, if I remain in the tab for the duration of the loading it looks like the image below, which is perfect and exactly what I want.
However if I start loading the webpage in a new tab and don't instantly navigate to that new tab, or indeed if I refresh the page and navigate away from the tab, when I come back it looks like the image below.
Interestingly it seems to work absolutely fine in Internet Explorer and Firefox, so initially I thought that it might be an issue with my installation of Google Chrome. However testing it on other computers resulted in the same thing happening, and a variety of different ways of phrasing the issue has turned up very little.
So essentially, how do I fix it for Google Chrome users?
(For those that cannot see the images, the text in the post placed as an example runs outside of the box it should be displayed in and often lines appear over the top of each other around hyper links.)
Update:
I've managed to fix the issue for pages by removing the justified alignment of the text. However I have made said change to the posts as well yet the problem persists for them.
So after a little more delving into the issue, I came to the conclusion that not only was the idea of web safe fonts actually a load of miss-represented nonsense, but that Google fonts might be the way to go. After installing a plugin for Google fonts onto WordPress and making all my posts use one by default, my problem has been entirely resolved and I can even have justified text on my posts and pages.

Sidebar pushed below content in an individual post (WordPress)

Everything is fine on the main page, but when I go into any individual post, the side bar is getting pushed off and showing up right down the button of the page (below the comments).
It's pretty obvious that there is some kind of sizing/width issue and I've played around with a lot of the widths in firebug but just can't seem to find where it's going wrong.
I'm new yo wordpress so clear steps to solve this problem are high appreciated
Thanks in advance for any help!
Link to single post: http://www.misslittletouch.com/2013/08/27/temporada-deco/E
I've just solved it.
Downloaded this plugin that fixed everything alone.
http://wordpress.org/plugins/twenty-eleven-theme-extensions/installation/

Sidebar pushed below content in individual post (Wordpress)

I'm designing a blog in Wordpress using the Thesis Framework and there is an issue that I just can't seem to find a fix to:
Basically everything is fine on the main page, but when I go into any individual post, the side bar is getting pushed off and showing up right down the button of the page (below the comments).
It's pretty obvious that there is some kind of sizing/width issue and I've played around with a lot of the widths in firebug but just can't seem to find where it's going wrong. I can't find a difference between the main page and post pages either.
Any help would be greatly appreciated! A specific solution would be ideal because I've already spent a lot of time tinkering with it to try and address the issue.
Thanks in advance for any help!
I had this problem as well with the thesis framework. I found two reasons where it produced a similar mistake on my blog:
The first reason is that the sidebar + content area is bigger than you container. That would make the sidebar go below the the content. Make sure also that the content of the sidebar is also smaller than the sidebar. I had a Facebook box in the sidebar that was bigger, thus pushed the whole sidebar below the content.
An other reason was a plugin that I had installed. If you have any plugins installed try and see if one of those is interfering with the sidebar layout.
If that doesn't work you can also post a snippet of the code so that I can look at it.
I often have this problem when editing a page in html (text) mode and forget a closing tag, most notably a . If using tables, a missing , or similar will cause this.
So, in brief, make sure all your opening tags have a corresponding close tag.
Make sure the html is syntax-error free. I had the same problem and the culprit was a wrong closing tag (<b/>)

Resources