インラインフレームのスクロールの落とし穴

2006.8.3 THU

Webデザインには、あなたの知らない「落とし穴」がたくさん。大きなものから小さなものまで、それが及ぼす影響はさまざまだ。カンペキだと思っているあなたのサイトも、実はすでに暗い穴の中かも・・・。

インラインフレームを使用する際、デザインなどの都合上、通常のスクロールバーを使わずにJavaScriptなどでスクロールを制御するシチュエーションがあったとしよう。その際、まずはインラインフレームのタグに「scrolling="no"」と入れてスクロールバーを出さないようにする方法はご存じと思う。

ただし、こういった決められたサイズでのデザインをしていく場合、テキストなどもしっかりとサイズを固定しておかないと、ユーザーの環境によっては、インラインフレームから情報が飛だしてしまうため、スクロールを想定していない方向の表示が切れてしまい、情報が見られなくなるという悲惨な結果を招くことがある【1】。

これを回避するためには、スクロールしない方向はテーブルでサイズを固定する、もしくはすべて画像にしてしまうという方法が上げられる。通常はこれで問題ないが、掲示板など、入力文字の予測がつかないコンテンツの場合、スペースの切れ目のない半角英数の長文が入力されると、テーブルの横幅のサイズ指定が無視されてしまう。このケースに限ってはサイズ固定という選択肢を再検討する必要性が出てくるだろう。