I did a site in Webflow and looks great in Chrome…looks OK in Internet Explorer, BUT the input fields stretch vertically (looks like height is doubled) and select boxes stretch horizontally…only input fields have this display issue.
If I uncheck “display intranet sites in compatibility mode” in IE, it displays fine. So basically it’s only messed up in IE compatibility mode.
How can I do this in code? I’ve tried things like: <meta http-equiv="X-UA-Compatible" content="IE=10,9,7,8" /> <meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
But that doesn’t seem to work…I am using IE 11, but this also happens in IE9…Strangely, IE Edge works fine…
Well, I can’t seem to make it display correctly no matter what I try…the only way it displays correctly is if I go into IE compatibility settings and UNCHECK the option that says “display intranet sites in compatibility mode” - so this basically turns OFF compatibility mode…then it looks fine…
But obviously I can’t do that for users browsers - so I’m trying to find a way to force compatibility mode OFF for Internet Explorer…
I should mention this IS on my company’s intranet…