.net Ajax calendarExtender shortens Saturday in IE7 (works fine in firefox)

Question

I had this problem in IE7, where there are apparently no satuaries in the calendar. It renders Firefox perfectly, and some people have suggested that it could be my other style sheets that messed it up, so now I am using a custom CSS calendar theme and I still have the same problem.

Any ideas? Is there a known bug with the ajax toolkit that is being used?

Answer 1

If anyone else has this problem, I recommend setting the css wildcard element at the beginning of your style to eliminate all possible problems with padding and fields.

This fixes the problem in IE6.IE7 and firefox works fine.

.yourCalendarTheme * {padding:0px;margin:0px;} 

Answer 2

here is the solution:

 .cal_Theme1 .ajax__calendar_days td { padding:0px; } 

Answer 3

Great answer from SocialAddict, but this did not work for me ...

My problem was the size of the body / container.

So here is what healed me:

 <style> div.ajax__calendar_days table tr td{padding-right: 0px;} div.ajax__calendar_body{width: 205px;} div.ajax__calendar_container{width: 205px;} </style> 

I also changed my calendar style (e.g. SocialAddict), but this style works out of the box.

Answer 4

Asp code:

  <asp:TextBox ID="F1_I2" runat="server" CssClass="bigInput"> </asp:TextBox> <cc1:CalendarExtender ID="F1_I2_CalendarExtender" CssClass="cal_Theme1" runat="server" TargetControlID="F1_I2" Format="dd/MM/yyyy"> </cc1:CalendarExtender> <div class="magiPad" /> 

I have special CSS applied to a calendar that I think will not be displayed here, but this is it:

 /* Calendar css */ .cal_Theme1 .ajax__calendar_container {background-color: #e2e2e2;width:182px;border:solid 1px #cccccc;} .cal_Theme1 .ajax__calendar_header{background-color: #ffffff; margin-bottom: 4px;} .cal_Theme1 .ajax__calendar_title,.cal_Theme1 .ajax__calendar_next,.cal_Theme1 .ajax__calendar_prev{color: #004080; padding-top: 3px;} .cal_Theme1 .ajax__calendar_body{background-color: #e9e9e9; border: solid 1px #cccccc;} .cal_Theme1 .ajax__calendar_dayname{text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;} .cal_Theme1 .ajax__calendar_day{text-align:center;} .cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,.cal_Theme1 .ajax__calendar_active{color: #004080; font-weight:bold; background-color: #ffffff;} .cal_Theme1 .ajax__calendar_today{font-weight:bold;} .cal_Theme1 .ajax__calendar_other,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title{color: #bbbbbb;} 

Answer 5

I had a similar problem and the solution marked as best (by SocialAddict) did not work for me. The core of my problem is that the css class set in the table made my calendar expander disable Saturday. The solution that worked included modifying the css calendar expander. Here he is:

 .ajax__calendar_body tr td { padding: 0px; margin: 0px;}