My website layout get collapse only in IE 11

My website is traditional web app and i am using custom layout for all the pages in the web. In IE 11 when the page load first time all the layout get scrumbbled like footer goes on the top, menu item layout get changed and all other content in the page as well. When i zoom in and then zoom out automatically the page get adjusted to proper layout.

- Traditional Web

- Custom Layout

- Outsystems Theme

- Only in browser IE 11 (all other browser its working fine)

Your urgent help is required in this.Thanks in advance.


Without the ability to inspect the elements this will be hard to help.

First, make sure that you really need to support IE. 


If you have the misfortune of having to support it, I’d would advise to check:

  • if without the custom layout you experience the same problem
  • if IE supports any css property that might seem uncommon using caniuse.com.

IE 11 does not follow the web standards so your website could look like that. 

Even microsoft advises you to use Edge instead of Internet Explorer

https://docs.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge


So the solution would be to use a modern browser like the latest Edge, Chrome or firefox.


Hi Cristiana Umbelino 

After spent much time, found the issue. It was JavaScript error in my code. For IE 11 it requires == instead single =

Thanks for your reply and really appreciated. Thanks again. 

 

Hi Bas de Jong 

After spent much time, found the issue. It was JavaScript error in my code. For IE 11 it requires == instead single =

Thanks for your reply and really appreciated. Thanks again. 




Hi Touseef, 

It's nice that you found the issue and now it's fixed. Albeit as Cristiana suggested, do share the sample source code when asking the technical question. It'll help community members to help you.

--

Swatantra