2013-01-17 376 views
4

当我添加cfinput type =“datefield”时,ColdFusion CFIDE /脚本会干扰页面上的另一个div。ColdFusion datefield干扰其他CSS

好:

Correctly floating

坏:

Not correctly floating

代码:

<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清算和浮动。

我愿意再试一次。谢谢。

+0

我有[类似的问题](http://stackoverflow.com/questions/209491/css-bleed-through-with-cfinput-type-datefield)我从来没有找到一个好的解决方案。我最终重新安排了页面,并且无论如何这个项目都被杀了。 – ale

+0

我在一年前的博客草稿中有一些内容,但博主不会让我在手机上看到它......这与搞乱Z索引有关。我将尝试查看我在桌面上找到的内容。 – Travis

+0

在阅读Al的链接后,我不认为我过时的博客帖子会有很多提供。 – Travis

回答

5

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

那么你就必须在造型更多的控制和功能,因为它的东西,你其实可以编辑,而不是只接收js/css中的任何cfinput给你。

否则,你可能只需要使用萤火虫找到究竟是什么导致问题添加一些额外的CSS来解决它。

像这样的CSS错误很难在没有示例页面的情况下进行调试。任何方式,你可以煨这一页,你可以与我们分享?

+0

我接下来是这个评论,并且会进一步推荐使用jQuery为UI组件中的CF构建UI组件。 – Jason

+0

我第三次评论。我尝试劝阻任何人使用CFFORM。 CFFORM应该使用简单的CF标签使客户端的东西变得容易,但它最终会被全部弄糟。这里有几个JS库,这使得它更容易控制。我相信CF使用YUI,所以你可以通过这种方式获得相同的日期选择器。这是我最喜欢的日期选择器之一,如果你不想使用jQueryUI的或YUI http://dhtmlx.com/docs/products/dhtmlxCalendar/index.shtml?mn – Travis

+0

不“易”的答案,我希望并祈祷对...但是嘿。谢谢。 –