はてなコメント欄向け user.css

textarea が狭いのではコメントしにくかろうと、私のダイアリではページの CSS で上下を広げてある。しかしそうしてくれていない大多数のはてなダイアリでは依然として狭くて不便だ。
そこでブラウザ側の CSS で広げてみるという CSS を user.css へ追記。自分用なので各自、数値はお好みで調整せよ。

.commentshort textarea{width:99%;height:200px!important;margin:1%} 

パーセンテージではなく絶対値で高さを指定したのは、ページによっては textarea を囲むブロックに変な制限を施している場合があるため。
(div).commentshort を付けないと、日々、自分でダイアリを書き込む欄まで同じ高さになってしまうので、そちらはページの CSS で別途調整するように。特に長文のコメントを求めているような人の場合は、この方法ではなくページ側の CSS で調整した方が良いのは言うまでもない。

  • OperaFirefox ではページ側の CSS で広々としているのに、IE 6 でここにコメントしようとすると書き込み欄が狭いのはなぜだろう。今気付いた。
  • Opera の場合なら Site preferences から、はてなダイアリだけに一つの user.css を使うようにし、他の blog システムにはまた別の CSS を使うようにするという考え方もあろう。その辺はお好みで。