大人の楽天生活スローライフを楽しむ情報Blog楽天生活です

overflowタグ overflow-yタグ

overflow タグ overflow-y タグ

スクロールバーが出ないという質問がありましたが、

overflow-y

というのは
はみ出した部分の表示方法ですので
高さ( height )の指定サイズより内用が小さければ表示されません。
ですから文字などが1列しかない場合は改行（ <BR> )で高さを稼いで下さい。

それと、このスクロールバーはかなり以前にやったものを
ページの背景固定に代替できないか？ということでやっていましたので、
当時の日記にはかなり
「ブラウザによっては大変なことになっているよ」
なんて書いていましたし、
自分でもTOPの更新履歴に使っていたのもやめたほどです。

しかも overflow-y というのはIE専用です。
他のブラウザでも映るようにするには
overflow にします。
でもこれだと横スクロールも出ちゃいます。
（実際、うちなんか2500アクセスのうちIE以外は15人程度です。
まあ、この問題は奥が深いのでまた後ほど。）

普通のサイトでは TEXTAREA というのを使います。
楽天生活２のほうで使っているのがこれです。
残念ながら楽天広場では TEXTAREA は使えません。

今日は、Macのかたも来られるので overflow : auto ; にしておきましたが
ネスケ？がないのでどうなるのかわかりません。
オペラはどちらもだめです。
直したい人は
overflow ⇒ overflow-y
auto ⇒ scroll
とするといつもと同じになります。 auto というのは処理を各ブラウザにおまかせ。
ということです。

おまけ
楽天生活

楽天生活

楽天生活

文字のフィルター処理

今回あえて使い続けにくい画像にしておきました。
ご自分のに替えて頂けないと他のサイトさんのように
「ここに画像のアドレス」なんてしなくてはなりません。
そうなると、ちゃんと映るか確認しづらいでしょ？
よろしくお願いします。