I have a strange problem, and I can’t find the cause! I have the following webpage:
http://uk.translation-vocabulary.com/de-german
and the perceived width of the page is perhaps 300px greater than the width of the content. So a horizontal scrollbar is present even when the viewport is horizontally stretched to match the visible content.
I have been inspecting elements with Firebug, trying to find the culprit. No success so far.
This effect observed in Firefox, Safari, Chrome. Untested: IE.
Any help greatly appreciated!
Benjamin.
Your facebook button is causing this problem (removing the button makes the problem go away).
The facebook iframe has its width set to
575pxvia the style attribute, which is causing the page to be wider than 100%.Note that you can add the CSS rule
html,body{overflow-x: hidden;}to mask the problem, but instead, you should really fix that button.