2012-01-06 8 views
0

コントロールの後で、テキストエリアの前に大きなスペース(約300ピクセル)がありますか? Chrome、Firefox、およびIE9で使用できます。私はデフォルトのjWysiwygで試しましたが、同じことをします。 jWysiwygコントロールの後に大きいスペースとテキストエリア

function($) { 
$('#news').wysiwyg({ 
controls: { 
    strikeThrough : { visible : true }, 
    underline  : { visible : true }, 
    separator00 : { visible : false }, 

    justifyLeft : { visible : true }, 
    justifyCenter : { visible : true }, 
    justifyRight : { visible : true }, 
    justifyFull : { visible : true }, 

    separator01 : { visible : true }, 

    indent : { visible : true }, 
    outdent : { visible : true }, 

    separator02 : { visible : true }, 

    subscript : { visible : true }, 
    superscript : { visible : true }, 

    separator03 : { visible : true }, 

    undo : { visible : true }, 
    redo : { visible : true }, 

    separator04 : { visible : true }, 

    insertOrderedList : { visible : true }, 
    insertUnorderedList : { visible : true }, 
    insertHorizontalRule : { visible : true }, 

    separator07 : { visible : true }, 

    cut : { visible : true }, 
    copy : { visible : true }, 
    paste : { visible : true } 
},css : "ttwcadm.css" 
}); 
})(jQuery); 

そして、私のHTMLは

+0

レンダリングされたhtmlとそれに関連するCSSを投稿してください。上記の情報を含むレイアウトに何が影響しているかを判断する方法はありません。 –

+0

#news { 幅:100%; 高さ:350px; } – user1044141

+0

上記は私が使用しているCSSです。レンダリングされたHTMLをどのように表示するのですか? – user1044141

答えて

0

この問題は、テキストエリアの左側に浮かべ要素によって引き起こされた...

<form method="post" id="newsform" action="index.php?page=6"> 
    <textarea id="news" name="news"> 
     <?php include($newsfile); ?> 
    </textarea> 
</form> 

任意のアイデアをいただければ幸いです。スペースは浮かせた要素の高さでした!回避策は、テキストエリアを含むdivをフロートさせることでした。 ほしいと思っています。

1

あなたのCSSスタイルと関係があります。浮遊要素などが含まれる。テキストエリアにjWysiwygを初期化した後も、このコード行を追加:「クリア:両方;」のスタイルタグを持つツールバーの後にdiv要素があるので

$('div.wysiwyg div').removeAttr('style'); 

これがあります。上記のコードはスタイルタグを削除し、問題を修正します。

関連する問題