question

luiscolon0 avatar image
0 Votes"
luiscolon0 asked luiscolon0 edited

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

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.

office-sharepoint-server-developmentoffice-sharepoint-server-customizationsharepoint-dev
4.png (260.2 KiB)
5.png (221.5 KiB)
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

1 Answer

EmilyDu-MSFT avatar image
0 Votes"
EmilyDu-MSFT answered luiscolon0 commented

@luiscolon0

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.




· 3
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Hello Emily, i hope you are well.

Yes, i have tried adding the site and page to the compatibility list but no luck. Page structure keeps wrongly displaying as i mentioned before.

Do i have to add some custom code in the page layout? i can paste the layout code/style here but when i try saving the comment it gives me an error saying "no permission".

Regards,
LC.

0 Votes 0 ·

@luiscolon0

You could put your layout codes in the txt file, then upload the file as attachment into the forum.

0 Votes 0 ·
luiscolon0 avatar image luiscolon0 EmilyDu-MSFT ·

Hello Emily, i hope you are well.

I have uploaded the .txt file in my GitHub as i cannot upload the file here for some permissions issues.

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

Regards,
LC.

0 Votes 0 ·