代码之家  ›  专栏  ›  技术社区  ›  Andrew

.net Ajax calendarExtender在IE7中削减了周六的日历(在firefox中运行良好)

  •  3
  • Andrew  · 技术社区  · 17 年前

    5 回复  |  直到 17 年前
        1
  •  2
  •   Ruslan    17 年前

    这里有一个解决方案:

    .cal_Theme1 .ajax__calendar_days td { padding:0px; }
    
        2
  •  1
  •   Ric Tokyo    16 年前

    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>
    

        3
  •  0
  •   Andrew    17 年前

    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;} 
    
        4
  •  0
  •   Andrew    17 年前

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

    这修复了IE6.IE7中的问题,firefox也运行良好。

    .yourCalendarTheme * {padding:0px;margin:0px;}
    
        5
  •  0
  •   Phil    16 年前

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


    .ajax__calendar_body tr td {
     padding: 0px; 
     margin: 0px;}
    
    推荐文章