そいとごえすの退避ブログ

2019-02-21 はてダから移転。

css修正(入力フォームの桁数関係)

このダイアリーの現在のレイアウトは、book.cssをベースにしてmainとsidebarの左右を入れ換えるなど*1若干のアレンジを加えたもの。当面これで行くつもりだが不具合に気づいたので修正した。
コメント入力欄(入力フォーム)の桁数が60固定(textarea cols="60")のため、ブラウザの横幅を狭めた状態でコメントを入れようとするとsidebarが入力欄の右端に被さってしまうのである。気休め程度の弥縫策だがコメント欄のインデントを減らして対処。book.cssの作意をどんどん崩している。気がひける。

追記訂正:横幅を狭めるとsidebarが被さることと、入力フォームの桁数が60固定であることとは関係がない、ことに気づいた。入力欄がsidebar寄りの位置にあれば、桁数に関係なく被さる(たぶん)。

追記2:訂正取消し。間違ってなかった。mainsidebar*2は相対指定のため狭まったブラウザ内でそれなりの位置に収まるが、入力フォームの横幅は固定のためsidebarと重なってしまう。

追記3(2004-10-11):あちこち日記を見て回っていたら広大な入力フォームをもつdelta.cssというthemeに遭遇。はてなダイアリーが生成するHTMLはサイズ固定(cols="60" rows="3")だが、cssでtextareaのサイズ指定をすればフォームの拡大も可能なのか。ということは、ブラウザの横幅が狭い場合の“フォームのはみ出し対策”(縮小)もcssで可能なんだな、たぶん。(インデントを減らして対策済みなのでこの方法が有効かどうかは未確認。)

追記を書き足して見通しが悪くなったので「註」は追記2に移動した。註の自動生成機能のテストはこの段落に移動しておく*3。今後註に長文を入れる可能性もあるのでfontサイズは少し大きくした。

*1:左右は入れ換えてなかった。他のthemeと混同していた。

*2:2004-10-14再訂正追記:相対指定なのはmainのみ、sidebarは位置も横幅も絶対指定であった。

*3:註自動生成機能のテスト。これは便利だ。