There is a bug in the global SE CSS. If your browser window gets smaller than 982px, the container div that holds #header continues to shrink even though #header maintains a width of 962px. The result is a background that doesn't quite reach all the way across the content.

enter image description here

The good news is that this bug is present on all sites (officials, metas and betas) and is cross-browser compliant and renders the same result in Chrome 17, IE 9, Safari 5, FF 10, and Opera 11 (all on Win 7) so you get high marks for consistency.

Potential fix: add "min-width:982px;" to .container in all.css

  • 1
    Closed as "not a real issue": everyone keeps all their app windows maximized now.
    – Cody Gray
    Feb 28 '12 at 19:38
  • @CodyGray Your link is to a company that has seen recent popularity largely due to its polish at the presentation layer. Polish is the result of fixing all the little things that are trivial on their own. SE shouldn't be any different, especially when the fix appears to be equally trivial to implement.
    – Farray
    Feb 28 '12 at 19:44
  • 1
    @Farray Agreed, but you're saying this to a company that refuses to pluralize words properly :) Feb 28 '12 at 19:46
  • 1
    @MichaelMrozek Hm.... that must be especially vexing on english.stackexchange.com
    – Farray
    Feb 28 '12 at 19:53

They would need to add the style to #custom-header instead of .container, as the Stack Exchange header bar does not live within .container.

For some more consistency, I'd do body > div, body > noscript { min-width: 982px; } instead.

But this seems so trivial that it's probably not worth it. Even most netbooks these days have a wide enough screen width for Stack Exchange.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .