« 28mmのPanasonicとLEICA | メイン | Flash 矩形を数値で入力 »

[メモ]overflow:scroll;

[CSSのTips忘れないうちにメモ]
overflow:の値にscrollを指定すると、ページ内にスクロールバーが表示される。先日初めて仕事で使う機会があった。いまままで、こういうキワものっぽいことはしないようにしていたし、ブラウザ依存性が高い気がして、敬遠していたのだ。

そして実際につかって見てどうだったか。
やはりそれなりにブラウザ依存性が高い。overflow:scroll;だけでは、まず希望したとおりにはならない。親階層をdivでくくってそれなりの設定が必要だ。float: width: height: margin: padding: など配置コントロールを明示的に指定してやって予期せぬ崩れを防止する細かい調整がいる。

ただし、ページ内にスクロールバーが入るのは、インターフェイスとして考えると決して褒められるやり方ではないし、第一カッコわるい。今回はクローズドな環境(企業内)のコンテンツでターゲットブラウザがほぼ把握できるというレギュレーションのなかでの仕事だったので採用となったが一般のWebページで使うには、それなりの覚悟がいるということはまちがいない。

トラックバック

このエントリーのトラックバックURL:
http://www.nishiz.com/mt/mt-tb.cgi/101

コメントを投稿