Try this Sample code:
<%@ Page Language="C#" %>
<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"
Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample Report</title>
<script type="text/javascript" src="../../Scripts/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="../../Scripts/jquery.layout.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$('body').layout({
north__paneSelector: "#HeadingPane",
center__paneSelector: "#ContentPane",
resizable: false,
closable: false,
north__size: 20,
spacing_open: 0,
spacing_closed: 0,
center__onresize: function () {
var reportViewer = $find("ReportViewer");
reportViewer.recalculateLayout();
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div id="HeadingPane">
Page header content like site navigation goes here
</div>
<div id="ContentPane">
<asp:ObjectDataSource ID="SampleDataSource" runat="server" SelectMethod="GetSampleData"
TypeName="MyApp.Reports.ReportDataSource">
</asp:ObjectDataSource>
<rsweb:ReportViewer ID="ReportViewer" runat="server" Font-Names="Verdana"
Font-Size="8pt" Height="100%" Width="100%" ShowBackButton="false">
<LocalReport ReportPath="SampleReport.rdlc">
<DataSources>
<rsweb:ReportDataSource DataSourceId="SampleDataSource" Name="SampleData" />
</DataSources>
</LocalReport>
</rsweb:ReportViewer>
</div>
</form>
</body>
</html>