ブログ本文編集の画像間隔について

いつもお世話になります。

ブログ本文編集で画像を挿入する際、縦間隔を例えば10と入力すると、以下のようなソースになります。



IE8ではちゃんと10px上下にスペースが空くのですが、safariではスペースが反映されず、画像と下のテキストがひっついてしまうのですが、safariでもスペースを反映させる何か方法あれば教えて下さい。

宜しくお願いします。

BaserCMS　1.6

とりあえず、下記ページにあるように全称セレクタの指定を調整してあげればいいと思います。

http://oshiete.goo.ne.jp/qa/1583903.html

nonさま
早々にアドバイスありがとうございます。

全称セレクタの指定を調整ですね。

でも、横や縦の間隔を指定できる機能があるのであれば、どのブラウザでも反映できるようにあらかじめ設定してもらえると
かなりありがたいのですが・・・。


とりあえず教えていただいた方法でやってみますね。
ありがとうございました!!

vspaceでマージンとるのは、どうやら、CKEditroの仕様のようですね。
できるのかなー？

それと、全称セレクタが記述されているCSSは、あくまで「デモ」用のテーマなのでなんとも言えないかも。

あとは開発者の判断にまかせましょう。

お返事ありがとうございます。

ただ1つIE8の互換モードでは正常表示されるのを確認いたしました。




このへんの記述になにか問題があるのではないでしょうか？
閲覧者が手動で互換モードに変更していただけるのなら問題はないのですが、
一般的には難しいようです。

ちなみに、画像挿入の際、左に設定してテキストを右側に入力した場合も、
互換モードを外すと設定通りには表示されないようです。

こんにちは。開発側のryuringといいます。

基本的には、デモ用のテーマについても、利用される方々が一番最初に確認されるテーマですので、
最低限、IE 、 Firefox 、 Safari 、 Chrome までは対応していきたいと考えています。

で、CKEditorの仕様についてですが、横間隔、縦間隔を入力した際、vspace hspace の他、
styleにてmargineが設定される仕様になっている事をご理解ください。

具体的には、横間隔 20 、縦間隔 40 とした場合次のような属性が設定されます。



この仕様において、Safariでも正常に縦間隔が適用される事を確認しています。

> mas さん

もう一度縦間隔を設定された際の、タグを確認されてください。



なお、IE8については、互換モードの場合に、hspace、vspaceとmargineの両方が適用され、余白が2倍になってしまうようです。
この問題については見送りたいと思います。

アドバイスがありましたらよろしくお願いします。