I am attempting to have a view that is similar to Exchange OWA. It works great in IE 7.0, but in Firefox 3, I cannot get it to show the full contents of the page. Here are some screenshots:
In IE, the desired result.
Firefox Cuts It Off
Here's the page definition:
I am following the recommendations in the documentation concerning styles to render in a full page. Notice the style attribute on lines 7 and 11.
Why am I getting this rendering problem?
In IE, the desired result.
Firefox Cuts It Off
Here's the page definition:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> | |
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> | |
<%@ Register Src="Controls/QueueTree.ascx" TagName="QueueTree" TagPrefix="uc1" %> | |
<%@ Register Src="Controls/TaskListPanel.ascx" TagName="TaskListPanel" TagPrefix="uc2" %> | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%"> | |
<head runat="server"> | |
<title></title> | |
</head> | |
<body style="margin: 0px; height: 100%; overflow: hidden;"> | |
<form id="form1" runat="server"> | |
<telerik:RadScriptManager ID="pageScriptManager" runat="server"> | |
</telerik:RadScriptManager> | |
<telerik:RadToolBar ID="tbSystemMain" runat="server" Skin="WebBlue" Width="100%" AutoPostBack="true"> | |
<Items> | |
<telerik:RadToolBarButton runat="server" Text="New Ticket" CommandName="NewTicket"> | |
</telerik:RadToolBarButton> | |
<telerik:RadToolBarButton runat="server" IsSeparator="True"> | |
</telerik:RadToolBarButton> | |
<telerik:RadToolBarButton runat="server" Text="Knowledge Base" NavigateUrl="KnowledgeBase.aspx"> | |
</telerik:RadToolBarButton> | |
<telerik:RadToolBarButton runat="server" IsSeparator="True"> | |
</telerik:RadToolBarButton> | |
<telerik:RadToolBarButton runat="server" Text="My Preferences" CommandName="UserPreferences"> | |
</telerik:RadToolBarButton> | |
</Items> | |
</telerik:RadToolBar> | |
<telerik:RadSplitter ID="spltMainPage" runat="server" Skin="WebBlue" Width="100%" | |
Height="100%"> | |
<telerik:RadPane ID="paneLeftNavigation" Width="300px" MaxWidth="400" MinWidth="250" runat="server"> | |
<telerik:RadPanelBar ID="pnlBarMain" runat="server" Skin="WebBlue" Width="100%"> | |
<Items> | |
<telerik:RadPanelItem runat="server" Text="Queues" Expanded="true" PreventCollapse="true"> | |
<ItemTemplate> | |
<uc1:QueueTree ID="queueList" runat="server" /> | |
</ItemTemplate> | |
</telerik:RadPanelItem> | |
<telerik:RadPanelItem runat="server" Text="Tasks" PreventCollapse="false" Expanded="false"> | |
<Items> | |
<telerik:RadPanelItem runat="server"> | |
<ItemTemplate> | |
<uc2:TaskListPanel ID="taskList" runat="server" /> | |
</ItemTemplate> | |
</telerik:RadPanelItem> | |
</Items> | |
</telerik:RadPanelItem> | |
<telerik:RadPanelItem runat="server" Text="My Statistics" PreventCollapse="false" | |
Expanded="false"> | |
</telerik:RadPanelItem> | |
</Items> | |
</telerik:RadPanelBar> | |
</telerik:RadPane> | |
<telerik:RadSplitBar ID="sbLeftNavTicketList" runat="server" /> | |
<telerik:RadPane Scrolling="Y" ID="paneWorkingWindow" runat="server" ContentUrl="~/SubPages/TicketList.aspx?ID=-1" /> | |
</telerik:RadSplitter> | |
</form> | |
</body> | |
</html> | |
I am following the recommendations in the documentation concerning styles to render in a full page. Notice the style attribute on lines 7 and 11.
Why am I getting this rendering problem?