質問画面から投稿画面で列が乱れる

質問

このカテゴリーでない事は重々承知しておりますがあえてさせて頂きます。
エクセル等で具体例を出して質問画面で、列と行を揃えたはずなのに、投稿画面では乱れてしまいます。多分回答者のかたもさぞ見にくいと思われるのではないでしょうか。
でも、回答者の方の画面は、きれいに揃っている事が多いのですが。なにか、編集ソフトみたいなものを使用されているのでしょうか。それとも質問画面から、うまくずれを予測して感を働かせているのでしょうか。
ちなみに以下に私が質問したURLがありますが、質問画面ではきれいにそろえたはずなのですが。
http://www.okweb.ne.jp/kotaeru.php3?q=406351
本来なら、質問画面と投稿画面が同じレイアウトなら問題ないはずですが。

回答No.3

nishi6 · ベストアンサー

こんばんわ。またお会いしました。

画面がずれるのは、HTMLでは半角スペースの連続は1個の半角スペースに集約されるためでしょう。

きれいに揃えたいのであれば全角スペースを使ったり、承知で『_』を半角スペースの代わりに使ったりしています。
また、半角のカタカナも回答すると全角に変換されるのでずれる原因になります。
それに、Excelの矩形セル範囲をコピーして回答に貼り付けると、TAB(タブ)が入っていると思われるので解答では文字が詰まってしまうでしょう。（多分ですが）

意識的にそろえると下のような感じになります。
最初は全角スペースと全角文字、後ろは半角『_』と半角数値を使っています。

　　　１　　　Ｃ____123
　　１２　　ＢＣ____456
　１２３　ＡＢＣ____789

これでも、フォントを等幅フォントにしていないとずれます。

IE(インターネットエクスプローラ）なら、

　　ツール→インターネットオプション→全般タブでフォントを

　　　　ＭＳ明朝　←→　ＭＳ Ｐ 明朝 に変えてみると違いが分かるでしょう。

お礼

お待ちしておりましたnishi6さん。質問の例題で、nishi6さんの回答画面を使わせていただきましたが、なぜ、こんなにきれいに揃っているのか不思議でした。なるほどSPACEとNULLを意識すればいいですね。半角『_』を使えばわかりやすいですね。大変いいアイデアをどうもありがとうございます。

回答No.2

noname#3361

アプリケーションとブラウザのフォントは同じですか？
「等幅」と「プロポーショナル」ではおのずと変わってきます。
それと英数と日本語の体裁の違いも有ります。

お礼

回答ありがとうございます。すいません、ここで言われているアプリケーションとは、どのようなものでしょうか？
エクセルのことでしょうか？たしかに、実際のexeclのセルを質問画面へ貼り付けて少し位置調整していますが、やはり投稿画面ではずれています。また、等幅」と「プロポーショナルとは、具体的にどのあたりの設定なのでしょうか？

回答No.1

ryota2

半角スペースのインデントが消されるのでないでしょうか。

←半角スペース８個
　　　　←全角スペース４個

お礼

早速の回答ありがとうございます。インデントを消してる意識はないのですが、何か極意のようなものがあるのでしょうか。インデントを消さなければ、質問画面のイメージで投稿画面が見えるのでしょうか？