これを、長い文章を入れた場合に、それに合わせて上下に広がるようにしたいと思って、例えばmaxの丈が400pxくらいでもいいんですが、とにかくもう少し、見やすくしたいと、divのほうのheightとかoverflowなどをいじってみたんですが、枠自体はiframeの中にあるので、どうもうまくいきません。
例えばですが、Disqusの投稿フォームだと、もともとが44pxですが、max-heightが350pxにしてあって、長い文章を入れれば、自動的に上下に広がるようになっています。
ああいうほうが、どう考えても、使いやすいと、思うのですが。
何か方法があれば、教えていただけると、ありがたいのですが。
コメント(6件)
div.hatena-iframe-container {
width: 100%;
}
スタイルの width がインラインで指定されていたので、!important をつける必要があります。
# しかも、単位 間違ってるし...
div.hatena-iframe-container {
width: 800px !important;
}
自分のデモ、試しました。
http://a-kuma3.hatenablog.com/
height の方は、中に入っている textarea に高さが指定されているので、外枠を広げても中は広がりません (´・ω・`)
幅の拡張は、できました。
幅を広げると、少しはマシなようです。
あとは、今後の仕様変更に期待したいと思います。
せめて、200pxくらいは欲しいかなあと…笑。
コメントの入力エリアだけ小さくするには、もうちょっと厳しく絞り込まないとダメです。
body > div.hatena-iframe-container:last-child {
width: 800px !important;
}
そうですか、私はブログ画面から記事の修正はしないので、私に限っては大丈夫だと思います。