ホームページのレイアウトに関する質問です。

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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/05/13 20:19:39
  • 終了:2008/05/13 22:04:16

ベストアンサー

id:hirotow No.1

hirotow回答回数131ベストアンサー獲得回数102008/05/13 20:32:17

ポイント60pt

テーブルタグ内部では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

id:japanski

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

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

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

2008/05/13 22:02:27

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません