Home/ Questions/Q 7722589
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T04:13:09+00:00

I’m having trouble with horizontal scrollbars on my container in IE and FF but

  • 0

I’m having trouble with horizontal scrollbars on my container in IE and FF but everything is fine in Chrome.

The site is 1200px wide, in Chrome when the browser window is below 1200px you get the horizontal scrollbar as you expect but in IE and FF there is a horizontal scrollbar even if the window is above 1200px that scrolls to nothing but white space.

I don’t want to set overflow to hidden as then there would be no scrolling at all. There is a fixed header I though could be a problem but it still persists even after making the header absolute.

I think rather than posting snippets of code from a full site I should just link the site in question?

http://www.ekmpowershop21.com/ekmps/shops/collective_ret/index.asp

If someone could shed some light on the issue that would be fantastic. It’s more of an annoyance than anything else but would still like to correct my mistake if possible.

Edit: Found a solution, see answers

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    overflow:hidden; clips the content. However, if the contents don’t fit the screen, there will be a scrolling of course. Overflow just clips the contents according to the container dimensions. Just try it and you’ll see it works. I just tested on firefox (mac).

    UPDATE

    Usually if something like this happens if IE / FF, then it has to do with the box model bug.
    Just add

    -webkit-box-sizing: border-box; /* content-box */
-moz-box-sizing: border-box;
box-sizing: border-box;

    to your wrap class and you won’t need to set the overflow.

    • 0