4

当我添加 cfinput type="datefield" 时，ColdFusion CFIDE/脚本会干扰页面上的另一个 div。

好的：

正确浮动

坏的：

没有正确浮动

编码：

<aside id="sideLeft">
<--- CMS generated --->
<div  class="ktcssmenu thenav_ff_green"><div class="ktvertical ktopts_showtimeout_100 ktopts_hidetimeout_100 ktopts_imgreplace_no ktopts_imgreplacestyle_img ktopts_imgdir_ ktopts_imgnames_">
<ul class='lev1 clearfix'><li class="lev1 pos1 lev1_pos1 first lev1_first"><a href="/hr/index.cfm" class="lev1 pos1 lev1_pos1 first lev1_first" target="_self">Human Resources Home</a></li>
<li class="lev1 pos2 lev1_pos2 last lev1_last"><a href="http://www.blah.com/hr" class="lev1 pos2 lev1_pos2 last lev1_last" target="_new">Public Site</a></li>
</ul></div></div>
<--- regular non-CMS code --->
        <div class="gspecial">
            Restricted Access
            <a href="url.cfm">New Hire Forms</a>
            <a href="url.cfm">Jobs / Employment Admin</a>
            <a href="url.cfm">Eligibility Lists Admin</a>
        </div>  
...

CSS：

#sideLeft {
    float: left;
    width: 230px;
    margin-left: -100%;
    position: relative;
    padding: 10px 10px 10px 10px;
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5;
    }
/* test */
.thenav_ff_green {
    border: dashed 5px #990000;
    } 
.gspecial {
    border: dotted 5px #003333;
    }

该网站正在使用 CMS，我无法在“绿色”预打包导航中进行太多编辑。

引起我头痛的 ColdFusion CFIDE/脚本是 /CFIDE/scripts/ajax/ext/adapter/yui/ext-yui-adapter.js

我尝试过各种 CSS 清除和浮动。

我愿意再次尝试任何事情。谢谢。

4

1 回答 1

5

我觉得最好的解决方案是不使用 cfinput，而是尝试这样的事情：http: //jqueryui.com/datepicker/#icon-trigger

然后，您将对样式和功能有更多的控制权，因为它是您可以实际编辑的东西，而不仅仅是接收 js/css cfinput 中提供的任何内容。

否则，您可能只需要使用 firebug 来查找导致问题的确切原因，然后添加一些额外的 css 来修复它。

像这样的 CSS 错误很难在没有示例页面的情况下进行调试。你有什么办法可以把它煮成一个可以与我们分享的页面？

于 2013-01-17T21:21:06.157 回答