人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページのレイアウトに関する質問です。
1カラムのリキッドレイアウトで、ブラウザの画面幅に合わせてコンテンツを表示させたいのですが、
ある横幅以下になるとコンテンツの縮小を停止させ、横スクロールバーを表示させるにはどうすればいいですか?

例えば、はてなのホームページを、ブラウザを最大化した状態から徐々に横幅を狭めていくと、
画面の半分ぐらいまではコンテンツが縮み、横のスクロールバーは表示されませんが、
ある一線を越えると、横のスクロールバーが表示されます。はてなは2カラムですが、これと同じです。



●質問者: japanski
●カテゴリ:インターネット ウェブ制作
✍キーワード:はてな カラム コンテンツ スクロール ブラウザ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● hirotow
●60ポイント ベストアンサー

テーブルタグ内部では1x1ピクセルの透明画像(PNGかGIF)や空DIVを、

縦1px、横はそのサイズにして配置することでつっかえ棒にできます。

http://allabout.co.jp/internet/hpcreate/closeup/CU20011027A/inde...


また、JavaScriptで実装してあるライブラリもいくつかあるようです。


以下は参考URL

http://d.hatena.ne.jp/krhitoshi/20070802

http://labs.unoh.net/2007/04/elastic-layout.html

http://herrkf.s64.xrea.com/webtech/2008/03/liquid.php

◎質問者からの返答

テーブルタグは好まないので、下2つのリンクが非常に役に立ちました。

さっそくエラスティックレイアウトを試してみます。

ご回答ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ