When I added a jQuery content slider to my website, it displayed incorrectly in Internet Explorer, showing a distorted header as well. The screenshot below illustrates the issue:
Here is the code for my webpage:
<%@ Page Language="C#" AutoEventWireup="true" Inherits="Bitrix.UI.BXPublicPage, Main" Title="Социальный образовательный портал" %>
<script runat="server" id="@__bx_pagekeywords">
public override void SetPageKeywords(System.Collections.Generic.IDictionary<string, string> keywords)
{
keywords[@"keywords"]=@"";
keywords[@"description"]=@"";
keywords[@"ShowLeftColumn"]=@"";
}
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="bxcontent" runat="server" >
<html>
<!-- HTML content goes here -->
</html>
</asp:Content>
You can access this site at edusf.ru/project
The issue only occurs in Internet Explorer, while other browsers display the page correctly. Can anyone advise on how to fix this problem with IE?