SharePoint Server 2013 custom page layout IE11 compatibility problem -columns displaying in rows/cascades-

Luis David Colón Vegas 121 Reputation points
2021-09-10T08:38:00.093+00:00

Hello team,

I am not a programmer but i managed to create a page layout for a client and we ran an accessibilty process and it comes when an error regarding to IE compatibility, i used DIVs for the column layouts and when i see the page on IE is shows all the columns in rows/cascade.

See examples:
Correct Sample 1. view using Chrome,Firefox, Edge:
131061-4.png

Error sample 2. view using IE11:
131042-5.png

As you can see, columns are displaying in rows/cascade and i want to maintain the structure that is displayed in Chrome/Firefox/Edge...

Compatibility is active but doesn't help.

Page Layout HTML Code:
https://github.com/luiscolon01/SharePoint-Sharing/blob/6ef37b5ede74089e4c793f8aa6b3c6239dba085f/HTML%20Page%20Layout%20Code.txt

I hope you can help me, thanks in advance.
Best regards,
LC.

SharePoint Server
SharePoint Server
A family of Microsoft on-premises document management and storage systems.
2,209 questions
SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,655 questions
SharePoint Server Development
SharePoint Server Development
SharePoint Server: A family of Microsoft on-premises document management and storage systems.Development: The process of researching, productizing, and refining new or existing technologies.
1,569 questions
0 comments

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Emily Du-MSFT 41,691 Reputation points Microsoft Vendor
    2021-09-13T09:38:59.277+00:00

    @Luis David Colón Vegas

    You could try to add the site collection into the Compatibility View list to fix site display issues in the Internet Explorer 11.

    1.Open Internet Explorer, select the Tools button, then select Compatibility View settings.

    2.Under Add this website, enter the URL of the site you want to add to the list, then select Add.

    And make sure that you have installed the latest version of IE.

    Reference:
    https://support.microsoft.com/en-us/windows/fix-site-display-issues-with-compatibility-view-in-internet-explorer-11-9a0a3a6e-89be-518f-ff56-c491b528b302

    If an Answer is helpful, please click "Accept Answer" and upvote it.
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.