.net Ajax calendarExtender在IE7的周六剪辑(在Firefox中工作正常)

时间:2009-04-08 10:31:45

标签: .net css calendarextender

我在IE7中遇到了这个问题,星期六似乎在日历中丢失了。它在Firefox中显示得很好,有些人建议可能是我的其他样式表弄乱它,所以我现在使用自定义日历CSS主题,我仍然遇到同样的问题。

有什么想法吗?是否有使用ajax工具包的已知错误?

5 个答案:

答案 0 :(得分:2)

这是一个解决方案:

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

答案 1 :(得分:1)

来自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一样),但这种风格开箱即用。

答案 2 :(得分:0)

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;} 

答案 3 :(得分:0)

如果有其他人遇到此问题,我建议您在样式开头设置一个通配符css元素,以清除所有可能的填充和边距问题。

这解决了IE6.IE7中的问题,firefox工作正常。

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

答案 4 :(得分:0)

我遇到了类似的问题,标记为最佳的解决方案(通过SocialAddict)对我不起作用。我的问题的核心是在表中设置的css类导致我的日历扩展器切断星期六。有效的解决方案包括修改压延扩展器的css。这是:


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