.net Ajax calendarExtender 在 IE7 中剪切星期六（在 Firefox 中工作正常）

Question

我在 IE7 中遇到了这个问题，日历中似乎缺少星期六。 它在 Firefox 中显示良好，一些人建议这可能是我的其他样式表搞乱了它，所以我现在使用自定义日历 CSS 主题，但我仍然遇到同样的问题。

有任何想法吗？ 使用的 ajax 工具包是否存在已知错误？

Answer 1

这是一个解决方案：

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

Answer 2

SocialAddict 给出了很好的答案，但它对我不起作用......

我的问题是主体/容器的大小。

所以这就是治愈我的方法：

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

我还改变了我的日历样式，（就像 SocialAddict 所做的那样），但这种样式是开箱即用的。

Answer 3

Asp 代码：

            <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" />

我有一个应用于日历的自定义 CSS，我认为它不会在这里很好地显示，但就是这样：

/* 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 4

如果其他人有这个问题，那么我建议在样式的开头设置一个通配符 css 元素，以消除所有可能的填充和边距问题。

这解决了 IE6.IE7 中的问题，firefox 也可以正常工作。

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

Answer 5

我遇到了类似的问题，并且标记为最佳的解决方案（由 SocialAddict）对我不起作用。 我的问题的核心是表中设置的 CSS 类导致我的日历扩展器在周六被切断。 有效的解决方案涉及修改日历扩展程序的 CSS。 这是：

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