CODEWITHSUNDEEP
htmlcss
renegadeds
renegadeds

Reputation: 99

Body going off the screen?

The body appears to be going off the screen in firefox: http://pila.isusing.us/sports-goal-posts/afl-goal-posts/

but on the home page it does not: http://pila.isusing.us/

any ideas what I'm doing wrong?

Upvotes: 1

Views: 385

Answers (2)

Brock Adams
Brock Adams

Reputation: 93443

It's <div id="fb-root">. Inside a div "hides" with absolute positioning tricks, and that div contains an overly-wide iFrame.

As near as I can tell, setting #fb-root { display: none; } causes no loss of Facebook functionality, and solves the layout-busting problem.

Upvotes: 1

No Results Found
No Results Found

Reputation: 102735

I'm still baffled why this works, but while testing in Firefox 6:

.right-box div div div div div {display:none}

...made the scrollbar go away. I'm not sure what this affected, but I really couldn't see any visible changes other than the scroll bar on the bottom of the page disappearing.

I saw your issue in IE8 as well, but not Chrome. Hope this gets you on track to a solution.

I will say that while checking this out in Firebug, there were a lot of unnecessary floats, clears, and widths declared, and your <input>s are acting strange in IE8. The W3C validator is also throwing a fit about your code. Might be time to refactor.

Upvotes: 1

Related Questions