11769556 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

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

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

overflowタグ overflow-yタグ

overflowタグoverflow-yタグ




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

overflow-y

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

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

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

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

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


おまけ
楽天生活

楽天生活

楽天生活

文字のフィルター処理

<CENTER style="FONT-SIZE: 13px; FONT-FAMILY: Comic Sans MS; width: 00; height: 500; overflow: auto; background:url(http://page.freett.com/gekitoku/samu/CA19Z328.gif) fixed left repeat-y; scrollbar-face-color:white; SCROLLBAR-HIGHLIGHT-COLOR: WHITE; SCROLLBAR-TRACK-COLOR: WHITE; SCROLLBAR-DARKSHADOW-COLOR: WHITE; scrollbar-arrow-color:#0080ff; scrollbar-3dlight-color:#ff9999; scrollbar-shadow-color:#ff6699;">

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


楽天生活らくらくショッピングガイドらくらくコピペ楽天サーフィンみゅうちゃん You Big気ままな生活
アフィリエイトの始めかた初めての方楽天市場案内2楽天市場案内プロフィールLINKDIARYBBS


当サイトのどのページもリンクはフリーです
コピペ用HTMLソース、テンプレートの使用もすべてOKですが、
そのまま二次配布、加工しての二次配布はご容赦願います。

Copyright (C) 楽天生活 2003-2004 All Rights Reserved




© Rakuten Group, Inc.