Grow your CSS skills. Land your dream job.

Part of website(WP) content goes out of browser window in Firefox,

  • # January 5, 2013 at 10:49 am

    I have a problem in Firefox with a website I’m working on.

    Please go to http://bit.ly/X8W2lZ and down-size the browser’s window until the left sidebar disappears and you will see the content go to the left (outside browser) by around 40px. Any ideas on what could be the problem?

    It works great on Chrome and IE.

    # January 5, 2013 at 1:59 pm

    There is padding on the content.

    Your #content is 100% width + 20px total (which is 40 total left and right) equals more than 100%.

    The box-sizing: border-box fixes this, but you are using it in places with no prefix. I am not going to test it, but I assume firefox needs the prefixed version still.

    # January 6, 2013 at 4:41 am

    Thank you a lot **scottnix**

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".