忍者ブログ
壱岐君、退陣ゃ テストブログ TEST_02
ともだちは神になり人類は滅亡する計画。この言葉の意味が分りました。  ~ 各ブロックを確認しやすいように色分け & 文字色クッキリ ~
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

overflowを使ったスクロール窓の件

overflow: auto;
『auto』を指定してると、見え方は各人のPC(OS)の設定に依存します。

窓の中に入るコンテンツの縱・横の大きさが、各個人のPCの
『スクロールバーの太さ』のぶんを差し引いた“表示可能な領域”よりも
大きくて収まりきらない場合に、スクロールバーが出現。

縦の長さ大きいと『縦スクロールバー』が、
横の幅が大きいと『横スクロールバー』が、
どっちも大きければ当然、縱横両方のスクロールバーが出現。



<< OS側の設定による見え方の違い >>


スクロールバーの太さを12に設定
  


スクロールバーの太さを16に設定
  


スクロールバーの太さを20に設定
  



俺のノートPCの場合は(XP Home)、クラシックスタイル&
ちょいとオリジナルの色設定で、スクロールバーの太さは『16』にしてある。
  

拍手[0回]

この記事にコメントしちゃう
名 前
タイトル
文字色
メール
U R L
コメント
  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Pass
コッソリ (チェックを入れると管理人だけに表示できます)
すみません
ありがとうございます。
スミマセン、それも参考になりましたが、
その下・・・Copyright © さらのお小遣い日記 云々というのが上にあがってきて、下のほうの色も消えてしまっているのがどうしてなのかなと・・・
さら| URL無し| 2010/04/13(Tue)19:19:37| 編集
あー、そーだ、すんません
そっちが本題か。全然気が付かなかった、スンマセン
Footerエリア消えてますね。

確認してみた。

たぶん、ケツの締め </div> が抜けてる気がするんですけど。

<!--shinobi2--> のあとに </div> が2つ無いといけません。
管理人返信 【2010/04/13 19:36】
ありがとうございました♪
いえこちらの説明がおかしくてすみませんでした
</div>2つだと何か変になってしまったので一つに減らしたら元に戻りました。
(ちなみに</div>は一つも入っていませんでした)
ありがとうございました
さら| URL無し| 2010/04/13(Tue)22:08:01| 編集
あっ、そーか
ソースを見ると2つあるべきなんだけど、
既にテンプレに1コ入ってるから
フリーエリアの記述部分には1コ入れればいいのか。
管理人返信 【2010/04/13 22:16】
この記事へのトラックバック
この記事にトラックバックする:
[46] [45] [44] [43] [42] [41] [40] [39] [38] [37] [36
カスタマイズ実験場
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
カレンダー
上部に記載するプラグインの説明文:
09 2017/10 11
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
下部に記載するプラグインの説明文:
プロフィール
HN:
gonsuke
性別:
非公開
下部に記載するプラグインの説明文:
ブログ内検索
最新コメント
カテゴリー
最新トラックバック
フリーエリア カテ1
カテゴリー1のフリーアリア
下部に記載するプラグインの説明文:
フリーエリア カテ2
カテゴリー2のフリーエリア
フリーエリア ページランクテスト
フリーエリア カテ3
プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。 カテゴリー3のフリーエリア
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
フリーエリア カテ4
上部に記載するプラグインの説明文:
プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行 カテゴリー4のフリーエリア プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
下部に記載するプラグインの説明文:
ブログ内検索 カテ4
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
バーコード
P R
  
PR
Copyright ©   TEST_02   All Rights Reserved
Design by MMIT simple_plain Powered by NINJA TOOLS
忍者ブログ [PR]