中央の幅を可動式にさせたい
-
0 名前： りゅう ： 2006/12/03（日） 10:26 ID:xhq9npLR
- 3カラムの左、中央、右という感じのレインアウトで中央の部分だけ
幅を変えられるようにしさらに幅を縮める際にある範囲まで
縮まるとそれ以上縮まらないというような設定をさせたいのですが
どのような設定をすればいいでしょうか?
ここにあるサイトのように中央部分だけブラウザーウィンドウの幅を変える
とそれに連動するような結果です。
http://www.i-mezzo.net/frame/
使用していますのはMovable Typeです。
-
1 名前： 元帥 ： 2006/12/03（日） 10:26 ［URL］ ID:OpfHEHBu
- そのサイトは、先ずフレームで二つに分割。
分割した右側を、更にCSSで二つに分割しています。
左側はframeによる設定で数値が指定されており、右側はwidthによる指定で数値が指定されています。
中央には何も指定していないので、デフォルト値：auto となります。
なので、ウインドウサイズに応じて、大きさが変わります。
参考：
http://www.tagindex.com/cgi-lib/q3bbs/patio.cgi?mode=view&no=407
http://www.geocities.jp/multi_column/
> それ以上縮まらないというような設定
min-width を用いて下さい。
-
2 名前： りゅう ： 2006/12/03（日） 10:26 ID:xhq9npLR
- 元帥様、貴重なアドバイスありがとうございました。
上記のアドレス先を参考にいくつか障害があったものの何とか出来るようになりました。
3カラムの中央幅の伸縮についてなんですがこちらの幅をmin-widthを用いて最小値を指定するのですが
この”min-width ”ではIE７では動作するもののIE6，IE5では動作しない場合があると聞いております。
そのため”min-width ”以外で伸縮の最小値を指定する方法はありますでしょうか？
度々申し訳ございませんがよろしくお願いします。
-
3 名前： 通りすがり ： 2006/12/03（日） 10:26 ID:UWsZexeD
- 最小値幅を固定幅に設定した透過画像なりboxなりを、
ページ最後にでも置いておくというのはどうでしょう？
-
4 名前： りゅう ： 2006/12/03（日） 10:26 ID:xhq9npLR
- ご回答ありがとうございます。
ページ最後に置くということはセンターメニューのような仮の
BOXということでしょうか？
もう少し具体的によろしいでしょうか？
-
5 名前： 通りすがり ： 2006/12/03（日） 10:26 ID:UWsZexeD
- <div width:100px>a</div>
<div min-width:200px>b<div style="width:200px;margin:0;"></div></div>
<div width:100px>c</div>
こんな感じの場合、固定幅の内容物があると、折り返さないから、
b-boxの横幅が200px以下になるとそれ以上は縮まずに横スクロールバーが出るでしょ。
