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
Schedule.aspx
Schedule.aspx.cs
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"><html xmlns="http://www.w3.org/1999/xhtml"><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) { } }}