I have a Splitter in MasterPage, with FF3 it show well, but, with IE7 it not show the content
That I change must I do?
<%@ Master Language="C#" AutoEventWireup="true" Inherits="Web.WebNavigation" Codebehind="WebNavigation.master.cs" %>
<%@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="radA" %>
<%@ Register TagPrefix="radT" Namespace="Telerik.WebControls" Assembly="RadTreeView.Net2" %>
<%@ Register TagPrefix="C" TagName="ApplicationName" Src="~/Controls/ApplicationName.ascx" %>
<%@ Register TagPrefix="C" TagName="SelectCompany" Src="~/Controls/SelectCompany.ascx" %>
<%@ Register TagPrefix="YTC" TagName="YearToCurrent" Src="~/Controls/YearToCurrent.ascx" %>
<%@ Register TagPrefix="radS" Namespace="Telerik.WebControls" Assembly="RadSplitter.Net2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>
<%= Page.GetType().ToString().Replace(".","_") %>: <asp:ContentPlaceHolder id="m_cphTitle" runat="server" />
</title>
<script type="text/javascript" src="/Documentation/Default.js"></script>
<script type="text/javascript" src="/Web/scripts/x.js"></script>
</head>
<body class="mainBody">
<!--
<asp:HyperLink ID="m_hlLogoLink" runat="server"><asp:Image ID="m_imgLogo" BorderWidth="0" runat="server" /></asp:HyperLink>
<C:ApplicationName ID="m_ctlApplicationName" runat="server" />
-->
<form id="m_frmForm" runat="server">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="278" height="56" valign="top"><img id="Img3" alt="" runat="server" src="~/images/logo_top.gif" width="278" height="56"/></td>
<td width="100%" class="techSupport">
<img alt=""
src="../App_Themes/Default/onlinechat.gif" border="0"
onClick="javascript:window.open('http://www.websitealive2.com/720/rrouter.asp?groupid=720&websiteid=63&departmentid=802&dl='+escape(document.location.href),'','width=450,height=400');"
style="cursor:pointer;vertical-align:middle;"/>
<asp:Hyperlink ID="m_hlContactSupport" NavigateUrl="~/ContactSupport.aspx" runat="server">Technical Support</asp:Hyperlink>
|
<a href="javascript:FMCOpenHelp( '<%= Page.GetType().ToString().Replace(".","_") %>', '', '', '' );"> Documentation</a>
<!-- USAGE: FMCOpenHelp( ID, SkinName, SearchString, SearchStringValue ); -->
</td>
</tr>
</table>
<radS:RadSplitter id="m_rSplitter" runat="server" width="98%" ResizeMode="Proportional" Height="100%" Skin="Default">
<radS:RadPane id="m_navigationPane" runat="server" Width="278px" Height="" MinWidth="278" Scrolling="None" >
<!--
Left Pane Content
-->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="17" align="left" valign="top" id="line_top"><img runat="server" alt="" src="~/images/spacer_white_12x17.gif" width="12" height="17"/></td>
</tr>
<tr>
<td width="278" id="m_tdNavigation" runat="server" valign="top" style="border-right:1px solid #D9D9D9; background-color: White;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" style="text-align: center; padding: 10px 0px 0px 0px">
<asp:Image ID="m_imgCompanyLogo" runat="server" />
</td>
</tr>
<tr>
<td width="12" height="50" valign="top"> </td>
<td width="266" valign="top" class="menuTree" style="padding:10px 0px 0px 15px; border:5px solid #FFFFFF" id="empty_bg1">
<b class="menuTreeGrn">User:</b>
<asp:Label ID="m_lblCurrentUser" runat="server" /><br/>
<b class="menuTreeGrn">Company:</b>
<asp:Label ID="m_lblCurrentCompany" runat="server" /><br/>
<C:SelectCompany ID="m_ctlSelectCompany" runat="server" OnSelectedCompanyChanged="m_ctlSelectCompany_SelectedCompanyChanged"/><br />
</td>
</tr>
<tr id="m_trAccountAndDeal" runat="server">
<td width="12" height="50" valign="top"> </td>
<td width="266" valign="top" class="menuTree" style="padding:10px 0px 0px 15px; border:5px solid #FFFFFF" id="empty_bg">
<b class="menuTreeGrn">Account:</b>
<asp:HyperLink ID="m_hlCurrentAccount" runat="server"></asp:HyperLink><br />
<b class="menuTreeGrn">Deal:</b>
<asp:HyperLink ID="m_hlCurrentDeal" runat="server"></asp:HyperLink>
</td>
</tr>
<tr>
<td width="12" valign="top"><img runat="server" alt=" " src="~/images/spacer_white_12x17.gif" width="12" height="17"/></td>
<td width="266" valign="top" class="menuTree" style="padding: 10px 0px 0px 15px; ">
<radT:RadTreeView ID="m_rtvNavigation" runat="server" AutoPostBack="false"
ContentFile="~/App_Data/NavTree.xml" style="overflow: hidden" Height="100%" />
</td>
</tr>
</table>
<asp:Image runat="server" ImageUrl="~/Images/spacer.gif" width="278" Height="1" ID="blankImage1"/>
</td>
</tr>
<tr>
<td width="278" valign="top" style="background-color: White;"><img id="Img1" alt="" runat="server" src="~/images/corner_main_02.gif" width="10" height="10"/></td>
</tr>
</table>
</radS:RadPane>
<radS:RadSplitBar id="RadSplitbar1" runat="server" CollapseMode="Forward"></radS:RadSplitBar>
<radS:RadPane id="m_contentPane" runat="server" Height="100%">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="17" align="right" valign="top" id="line_top2" style="text-align: right"><img runat="server" alt="" src="~/images/corner_main_01.gif" width="10" height="17"/></td>
</tr>
<tr>
<td valign="top" id="m_tdContent" runat="server" width="100%" style="padding: 20px 30px 0px 30px; background-color: White;">
<h1><asp:ContentPlaceHolder id="m_cphHeader" runat="server" /></h1>
<div style="border: 1px solid red; width:100%; padding:5px;" id="DivErrorConteiner" runat="server" visible="false" >
<asp:Label ID="m_lblError" visible="true" Font-Bold="true" ForeColor="red" runat="server"></asp:Label>
<br/>
<asp:TextBox ID="m_tbErrorUserDescrip" Visible="true" Width="800" runat="server">Please describe what you were doing in CORE when this exception occurred
</asp:TextBox>
<asp:Button ID="m_btnErrorUserSend" Visible="true" Text="Send" runat="server" OnClientClick="__doPostBack('ctl00$m_btnErrorUserSend','')" OnClick="m_btnErrorUserSend_click" />
</div>
<asp:ContentPlaceHolder id="m_cphContent" runat="server" />
</td>
</tr>
<tr>
<td colspan="2" align="right" valign="top" style="text-align: right; background-color: White;"><img id="Img2" alt="" runat="server" src="~/images/corner_main_03.gif" width="10" height="10"/></td>
</tr>
</table>
</radS:RadPane>
</radS:RadSplitter>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="70%" colspan="2" valign="top" class="footerLeft"><a href="http://www.entrancesoftware.com/"><img runat="server" alt="" src="~/images/es_logo.gif" border="0" width="140" height="57" align="absmiddle" style="margin-right:20px"/></a>ADAPTATION.
AUTOMATION. APPLICATIONS.</td>
<td width="30%" align="right" valign="middle" class="footer" style=" padding:0px 10px 0px 0px; text-align: right; ">
<span id="m_spnVersion" style="text-align:right" runat="server" /><br />
Copyright ©
<YTC:YearToCurrent ID="YearToCurrent" runat="server" StartYear="2006" />
Entrance Software</td>
</tr>
<tr>
<td height="0" style="height: 19px"></td>
<td style="height: 19px"><asp:Image runat="server" ImageUrl="~/Images/spacer.gif" width="389" Height="1" ID="Image1"/></td>
<td style="height: 19px"></td>
</tr>
</table>
</form>
<script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1310000-4";
urchinTracker();
</script>
</body>
</html>
3 Answers, 1 is accepted
Would you please try including the following style in the MasterPage's head:
| <style type="text/css"> |
| html, body, form |
| { |
| height: 100%; |
| margin: 0px; |
| padding: 0px; |
| } |
| </style> |
Please, also note that you have set the splitter's height to 100% and at the same time you have a header and footer table - in case you want the splitter to occupy 100% of the available space except for the footer and the header, you should set its HeightOffset property to the sum of the heights of the tables.
I also recommend to examine this online demo.
Best wishes,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Rank 1
Thank by solutions, I have added the style.
But, now not show all content. I have added the script
<
script type="text/javascript">
function SplitterLoaded(splitter, arg)
{
var pane = splitter.GetPaneById("<%= m_contentPane.ClientID %>");
var parentContent = pane.getContentElement();
var contentHeight = parentContent.scrollHeight;
pane.set_height(contentHeight);
splitter.set_height(contentHeight);
document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)+
"px";
}
</script>
But, getContentElement= null.
Please, How I can solve it?
I tested your code both under FF3 and IE7 but the result was the same - please examine the attached screenshots.
Would you please prepare a sample, fully runnable reproduction project, open a new support ticket and send it to me along with the used dll and some screenshots? Once I receive it, I will do my best to help.
Best wishes,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.