4

cfinput type = "datefield"を追加すると、ColdFusionCFIDE/スクリプトがページ上の別の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を使用しており、「グリーン」のパッケージ済みナビゲーション内ではあまり編集できません。

頭痛の種となるColdFusionCFIDE/scriptは/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 に答える