This is a migrated thread and some comments may be shown as answers.

Scheduler display problems in IE/Firefox

3 Answers 60 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Ian
Top achievements
Rank 1
Ian asked on 08 Jul 2010, 01:59 PM
Hi. I'm experiencing some display problems using a Scheduler control on an intranet page. In IE8, there's a 7px gap between the scheduler header and the table that contains the main scheduler appointment information (see screenshot 1). In Firefox 3.6, the same table is shifted around 90px right (see screenshot 2).

Using IE dev toolbar and Firebug, I've conclued the .rsContent div is positioned OK and that the problems arise with the child table being shifted down or right. I know the issue is being caused by global CSS rules in the intranet page style sheet interfering with the scheduler CSS settings but I'm really struggling to find out what's being overidden and causing the problems.

Is there any way I can insulate the Scheduler control from outside CSS 'interfernce' by wrapping it in a div with specific settings?
Regards, Ian

3 Answers, 1 is accepted

Sort by
0
Ian
Top achievements
Rank 1
answered on 08 Jul 2010, 03:34 PM
Sorted my own problem. In case anybody else encounters the same issue, the problem was caused by a global CSS setting for the <p> tag.

In the Scheduler's .rsHeader div (it sits directly above the .rsContent div), there's a <p> tag that includes Previous day and Next day links. The 'margin-bottom' rule was being overridden by settings in the page's global CSS file for the <p> tag. Adding the following rule to the scheduler CSS file fixed the issue in both IE and FF:

div.RadScheduler_<skin> div.rsHeader p {
    margin-bottom:0 !important; }

Regards, Ian
0
Steven Fischer
Top achievements
Rank 1
answered on 11 Aug 2010, 08:33 PM
Thank you, this fix worked for me as well.
0
Jani
Top achievements
Rank 1
answered on 17 Feb 2012, 03:14 PM
Similar issue here. The scheduler was clipped on the right side.

Original style sheet:
html, body, form
{
  margin: 0;
}

Fixed style sheet:
html, body, form
{
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

[Edit]
The key point is to remove the margin-bottom.
[/Edit]

Cheers,
Jani
Tags
Scheduler
Asked by
Ian
Top achievements
Rank 1
Answers by
Ian
Top achievements
Rank 1
Steven Fischer
Top achievements
Rank 1
Jani
Top achievements
Rank 1
Share this question
or