5

The new top bar layout is completely broken in IE 10, I was barely able to ask this question because the search bar is on top of the title input box!

Top bar in IE 10

Looks like it might be the same problem as in Safari here but IE 10 is just one version behind so I believe SO is supposed to support it.

25
  • 37
    IE10 is old and not supported. It doesn't support flexbox which is standard now. We can't hold back the web forever just because an old version of IE doesn't work properly.
    – user4639281
    Commented Feb 15, 2017 at 18:28
  • 6
    @TinyGiant isn't the policy the current version and the previous one? IE11 is latest, so IE10 should be supported, no? we support the last two versions of the browsers that we see the vast majority of our visitors actually use. from meta.stackexchange.com/questions/56161/…
    – rene
    Commented Feb 15, 2017 at 18:35
  • 5
    @TinyGiant that's making it sound like supporting IE10 would make introducing the new nav impossible. Which isn't correct. It's rather a question of cost (the effort to write the additional CSS needed for things to display ok in IE10) vs. benefit. Personally, my gut feeling would be that investing the time to support IE10 is worth it - a lot of folks can be trapped in ancient working environments that are beyond their control. Hell, I've seen recent questions on SO about how to add a certain feature to IE6.
    – Pekka
    Commented Feb 15, 2017 at 18:35
  • 24
    IE Edge is the latest, IE11 is the previous @rene
    – user4639281
    Commented Feb 15, 2017 at 18:36
  • 11
    @TinyGiant Edge claims to be on a new engine. IE11 is the latest Internet Explorer, IE10 being the previous one. Edge is mentioned separate in the MSE post as well.
    – rene
    Commented Feb 15, 2017 at 18:38
  • 5
    Interesting. Well, I don't support supporting browsers that don't support standards, but if SO wants to support it then I guess that's fine @rene.
    – user4639281
    Commented Feb 15, 2017 at 18:42
  • 1
    @TinyGiant I see. I already got a very slight feeling, hardly obvious, that you didn't like IE10....
    – rene
    Commented Feb 15, 2017 at 18:44
  • 2
    @KevinB No, it is still supported on Windows Server 2012 and Windows Embedded 8 and other places where you cannot get IE 11. IE 11 is the last version of IE ever so 11 and 10 will always remain the two most recent versions.
    – Anders
    Commented Feb 15, 2017 at 19:12
  • 5
    Not supporting browsers that don't stick to standards is respectable, but in the real world people sometimes don't have a choice.
    – Pekka
    Commented Feb 15, 2017 at 19:13
  • 12
    Microsoft has officially dropped support for versions older than IE11 except the following: Windows Vista SP2 (IE9), Windows Server 2008 SP2 (IE9), Windows Server 2008 IA64 Itanium (IE9) Windows Server 2012 (IE10). I personally think SO should just introduce a basic HTML / CSS only version for older browsers that don't support current standards. That way we could actually move ahead in the world because there will never (AFAICT) be a new version of IE, or we will always be stuck with what IE10 supports and nothing more.
    – user4639281
    Commented Feb 15, 2017 at 19:23
  • 22
    @rene By the "IE11 is latest, so IE10 should be supported" logic, we would have to support IE10 until the end of time because IE11 is the last IE.
    – balpha StaffMod
    Commented Feb 16, 2017 at 9:42
  • 3
    @balpha For a site as big and as relevant as SO, 10-15 years after release should be expected as far as support for major browsers goes.
    – Magisch
    Commented Feb 16, 2017 at 12:24
  • 4
    @Magisch 10 years?! Are you serious? Nobody should have to support 10 year old browsers.
    – DavidG
    Commented Feb 17, 2017 at 15:22
  • 2
    Don't understand the downvotes. Even if Tiny's answer is valid (I tend to think it is), that doesn't make the question bad or wrong. And yes I know how votes work on meta! Commented Feb 17, 2017 at 15:28
  • 2
    Maybe this is a dumb question, but why does the new top bar require flexbox functionality anyway? You built a responsive navbar on a site whose content is not responsive.
    – Cᴏʀʏ
    Commented Feb 17, 2017 at 15:55

1 Answer 1

39

All recent browsers (in particular, all browsers that we support, which excludes IE10) support flexbox. Making the new top bar work correctly in non-flexbox would be a significant amount of extra work that we're not willing to do for the very few people stuck on those old browsers.

That said, I just played with it for a few minutes, and found a cheap way to make the top bar not completely unusable in those older browsers. This will be in the next build of the site, but it comes with a few caveats:

  • It requires JavaScript. Doing it in pure CSS puts an extra maintainability burden on us.
  • I'm not promising anything. It's making the page slightly less broken for certain browsers, but this doesn't mean that we consider that case supported now, and if something is still broken with this hack applied, that doesn't mean that I'm going to fix that.
  • I'm also not committing to having hacks like this in there forever.

I know that nobody wants to continue using those old browsers; in many cases, it's corporate IT policy that prevents an upgrade. But we have to pick our priorities; at some point, we cannot justify the amount of work anymore.

11
  • 2
    You know that just then you'll make a huge amount of people who really need it and can't upgrade browsers unable to properly use SO at all, right?
    – Magisch
    Commented Feb 16, 2017 at 12:24
  • 13
    You know that those people are probably used to the web being broken and barely usable if at all, right? The future is nigh, regardless of how many IT departments want to live in the insecure dark ages. @Magisch
    – user4639281
    Commented Feb 16, 2017 at 18:24
  • 1
    Something has changed now and I can see the top bar getting fixed after the page loads, thanks!
    – Anders
    Commented Feb 16, 2017 at 22:03
  • 5
    @Magisch Then maybe they'll finally upgrade their browsers once they notice that their programmers' productivity plummets.
    – tambre
    Commented Feb 17, 2017 at 14:52
  • 2
    @Magisch Understand IE10 and older do not support TLS 1.1 and 1.2 by default (it can be enabled for IE10). The PCI consortium had to back off their TLS 1.2 mandate for that reason, but they will still require that change soon (June 2018 is their deadline). If corporations can't be convinced to upgrade the Internet in general will leave them behind (SHA1 deprecation is already doing this). A CSS header is the least of their worries
    – Machavity Mod
    Commented Feb 17, 2017 at 14:52
  • 4
    @Anders do you have a new screenshot to see how less-broken it looks now? Commented Feb 17, 2017 at 15:02
  • 10
    "Making the new top bar work correctly in non-flexbox would be a significant amount of extra work...". Then don't do it for the new top bar, the old top bar worked fine just backdrop to it for older browsers. Commented Feb 17, 2017 at 15:22
  • Since corporate IT users will probably also be using Stack Overflow (and SuperUser) then perhaps the new top bar will be a great catalyst to get them to upgrade their users!
    – DavidG
    Commented Feb 17, 2017 at 15:25
  • 2
    I was going to complain about this, but to be fair IE10 is barely used any more according to statistics. Then again, some backward-compatibility would be kind. Commented Feb 17, 2017 at 15:26
  • 1
    @mgarciaisaia It looks great now after the fix, the site logo is not exactly centered in the bar but everything else looks pixel perfect and seems to work correctly! (You can see it is broken initially as the page loads but then the onLoad? handler snaps every element back into the top bar)
    – Anders
    Commented Feb 17, 2017 at 15:43
  • Thank you so much for fixing this - this has solved the problem for me completely!!! Commented Feb 21, 2017 at 15:58

You must log in to answer this question.

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