Note that there are some explanatory texts on larger screens.

plurals
  1. POSomething causing horizontal scrolling on IE9 and Opera
    primarykey
    data
    text
    <p>I'm developing the front-end portion of this site: <a href="http://oq.totaleclips.com" rel="nofollow">http://oq.totaleclips.com</a></p> <p>When I look at one of the movie listings, like <a href="http://oq.totaleclips.com/mpa/The_Hunger_Games_(Movie_2012)" rel="nofollow">http://oq.totaleclips.com/mpa/The_Hunger_Games_(Movie_2012)</a>, I get a horizontal scroll on Opera and Internet Explorer 9. If I put `body {overflow-x:hidden} in my CSS, I get an expected result, but then Facebook Like is cut off when a user pushes the Like button and is prompted for a comment... it's going to make it harder to "Like" on Facebook.</p> <p>Is this a Facebook issue, and Opera issue, or both? I cannot find a DOM element that is causing the overflow, and I suppose it could be the Facebook Like iFrame "reserving" the space to the right of the Like button, but I don't want to assume that. The Facebook button doesn't even seem to work in Opera, but that's a side issue. </p> <p>I've been developing using Firefox and Chrome, with limited access to IE9, so it was disappointing to discover the horizontal scroll when I looked at it from a Windows computer. Then, to see that Opera does the same thing, I can hardly be mad at IE9. And, moving the Facebook Like button to the left causes a undesired line-break between it and the social buttons that follow.</p> <p>What is causing the overflow / horizontal scroll, and how could I discover issues like this on my own?</p> <p>Editing for specificity: The horizontal scrollbar, when scrolled right, reveals a white column on the far right of the screen layout. This does go away when the browser window is resized horizontally, but it does not show up in the DOM. Elements on the page inside the body are not seen to flow into the white space on the right.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload