Firefoxでコメント欄が大きく表示

質問

FC2ブログをしています。

IE7.0と、Firefox3.0で自分のブログの見え方を確認しているのですが、
コメント欄が大きく違います。
IEで標準的な大きさのコメント欄なのが、Firefoxだととても拡大された
コメント欄の囲いが表示され、中に入力する文字も拡大されています。

コメント欄の上にある、名前、タイトル、URL等の入力欄や文字の大きさは
標準通り表示されています。

なぜコメント入力欄のみ拡大表示されるのでしょうか？

今こうして入力している「教えて！goo」の投稿画面も同じで、
質問内容の部分のみ、IEよりFirefoxの方が文字が拡大表示されています。
上の質問タイトルはもっと小さい表示です。
IEの方で見ると、この入力欄はどれも同じ文字サイズで入力出来るのですが？

又、他の方のブログのコメント欄を見ると、IEと同じサイズで表示されています。
これはスタイルシートの設定によるものですか？
私の使っているテンプレートは、htmlにはコメント欄に関する記述がありますが、
スタイルシートの方には「コメント」の部分は全くないです。

スタイルシートの方で何か追加すると良いのでしょうか？

回答No.3

naokita · ベストアンサー

#2 naokitaです。お礼を見ての回答

＞「65」っていう数字でちょうど良い入力欄のサイズになるっていう
＞ 状態がすでにどこか間違っているのでしょうか？
これらの場合の数値や単位は、あくまで例として出しているので自分で好きに調整する事。
基本的にはcols="○○"で指定するけど（半角○○文字数の幅って事）
width:○○○px;とかでも可能。

＞ それを「メイリオ」に変更し、Firefoxで見ると、
＞ 他の箇所は正常に表示されるのに、コメント表示だけが右にずれ、
＞ 5ｍｍ程度余白の部分の下に隠れてしまいます。
メイリオは一部にしか利用しないからわからないし、
意味も（コメント済の表示の事なの？　コメントの左側は？）？だけど、多分メイリオの方が幅があるからって事じゃなくて？　「隠れるのならその部分のwidth幅を狭くする」と考えるのが一般的。
※HTMLカテゴリで別の質問スレで細かく説明すると良いでしょう。

お礼

お返事ありがとうございました。
メイリオの件は未解決なのですが、とりあえず他のフォントのみを
指定しようと思います。
お手数をおかけしました。

回答No.2

naokita

長文のコメント枠はテキストエリアといって、フォントの大きさを指定していない場合は、ブラウザによってサイズが違います。
フォントサイズを合わせる事で幅や高さもだいたい同じになる。
フォーム内の規格って結構バラバラだったりするからｗ・・・

-------------------------------------------

スタイルシートなら、下記の一行を追加。
textarea { font-size: 84% }

HTMLなら　 style="font-size:84%;"　この一行を下記の様に追加。
<textarea style="font-size:84%;">

-------------------------------------------
補足、本来は cols="" rows="" も必要。
<textarea cols="32" rows="10" style="font-size:84%;">　とか

お礼

出来ました！ありがとうございます！

textarea cols="32" rows="10"

↑これは元々入力されているのですが、今回の質問をする前にcols="65"に修正しています。
他の部分を触ってしまったからか、
コメント入力欄の枠が小さくなってしまったからです。
「65」っていう数字でちょうど良い入力欄のサイズになるっていう状態が
すでにどこか間違っているのでしょうか？
「65」にしても、今入力しているお礼内容の入力枠より小さいぐらいです。

文字の大きさについてはHTMLに、
style="font-size:100% を追加して普通に表示されるようになりました。

あと、追加の質問になるのですが・・・・

フォントはＭＳ　Ｐゴシックに設定しています。
それを「メイリオ」に変更し、Firefoxで見ると、
他の箇所は正常に表示されるのに、コメント表示だけが右にずれ、5ｍｍ程度
余白の部分の下に隠れてしまいます。
ゴシック表示だと正しく表示されます。
何か原因は考えられるでしょうか？

回答No.1

noname#100277

IEはレンダリングに様々な欠陥が有ります。
FirefoxやSafariは基準に厳格に対応してるので極めて高い精度で正しい表示をしてます。
FC2なのでHTMLやCSSが弄れるのでDOCTYPEを標準に設定した上で、テキストエリアの大きさをFirefoxからの確認で希望の大きさに設定。
CSSでの指定でもHTMLの属性でもどちらでも構いません。
IEを基準に考えたら駄目です。

お礼

ありがとうございます。勉強になりました。