Scheduler on Panel shows scrollbars in IE but not Chrome

1 posts, 0 answers
  1. Jeff
    Jeff avatar
    10 posts
    Member since:
    Sep 2010

    Posted 19 Apr 2012 Link to this post

    Using meyer's reset, I get the browser's scrollbars in both IE and Chrome... 

    Chrome looks correct (no scrollbars) without reset.
    IE has scrollbars with or without reset.

    To reproduce it... comment out the reset.css href in the page... and view in chrome and ie.

    How can I get it to display without browser scrollbars in both IE and Chrome with the reset css?

    meyer's reset.css
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    Schedule.aspx
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Schedule.aspx.cs" Inherits="SchedulerDemo.Schedule" %>
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
       <title></title>
       <link href="Styles/reset.css" rel="stylesheet" type="text/css" />
       <style type="text/css">
          html, body, form
          {
             height: 100%;
             margin: 0;
             padding: 0;
          }
       </style>
    </head>
    <body>
       <form id="form1" runat="server">
       <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
          <Scripts>
             <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
             </asp:ScriptReference>
             <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
             </asp:ScriptReference>
             <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
             </asp:ScriptReference>
          </Scripts>
       </telerik:RadScriptManager>
       <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" Width="100%"
          Height="100%">
          <telerik:RadPane ID="ApplicationNavigationPane" runat="server" Height="100px">
             ApplicationNavigationPane
          </telerik:RadPane>
          <telerik:RadPane ID="ApplicationPane" runat="server">
             <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Vertical">
                <telerik:RadPane ID="LeftPane" runat="server" Width="100px">
                   PageNavigationPane
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server">
                </telerik:RadSplitBar>
                <telerik:RadPane ID="RightPane" runat="server">
                   <telerik:RadScheduler ID="RadScheduler1" runat="server" Height="100%" DataKeyField="Key"
                      DataDescriptionField="Description" DataStartField="Start" DataSubjectField="Subject"
                      DataEndField="End" MinutesPerRow="5" TimeLabelRowSpan="3">
                   </telerik:RadScheduler>
                </telerik:RadPane>
             </telerik:RadSplitter>
          </telerik:RadPane>
       </telerik:RadSplitter>
       </form>
    </body>
    </html>

    Schedule.aspx.cs
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
     
    namespace SchedulerDemo
    {
        public partial class Schedule : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
     
            }
        }
    }

Back to Top