編集可能な部門で移動するコンテンツ

Question

編集可能な部門はいくつかありますが、ユーザーは少数の単語または段落全体で部門を編集することができます。問題は、分割幅の1行を超えると、ページ全体の内容がそれに対応するために下に移動せず、新しく編集されたテキストが重複する部分の上に置かれます（私はZ-インデックスを使用していません）。

どのように私はそれが編集されていて、それが編集されています後部門は、ページ下の残りの部分を押して作成し、「保存」することができます

マイ部門のCSSは次のとおりです。

.information { 
    font-size: 12pt; 
    color: red; 
    background-color: transparent; 
    max-width: 700px; 
} 

としたときにクリック部門に私のjqueryのは、それまでこのクラス...

.editDivOn { 
    background-color: lightpink; 
    color: black; 
    width: 260px; 
    font-size: 12pt; 
} 

コードスニペットを追加し

<tr> 
    <td> 
     <div>What are the key dates for your program and when do you need your audience to have all the pertinent information?</div> 
     <div class=\"center-content-div\"> 
     <div class = 'information' contenteditable='true' id = 'key_dates' name = 'key_dates'>".stripslashes($db_obj->key_dates)."</div> 
     </div> 
    </td> 

Answer 1

ああ、私はそれを訂正した、マイケルコーカー。何らかの理由でcontenteditable = "true"を使用しなければならないと思っていましたが、そうはしません。 = "true"を追加すると、問題全体が発生しました。私はそれを削除し、意図したとおりに動作しています！