「お気に入り」を閉じた時の余白の拡大



0   名前: lisa : 2007/07/31(火) 14:02  ID:P0UEXcF1 sub-Cl
【何をしたいのか】
http://field.lolipop.jp/css.html
このサイトさんのこのページのように、ページ左の「お気に入り」や「履歴」を閉じた時、余白(サンプルURLページでは灰色の背景部分)が拡大するタグを教えて下さい。
画面の大きさが変わっても、真ん中のメイン部分があまり動かないようなタグです。

【現在の状況】
→ タグの名前自体が分かりません。余白タグ(margin)、背景・壁紙固定タグを使ってみましたが、どれも違うようです。

【サンプルの提示】
http://field.lolipop.jp/css.html




【何をしてみたのか】
→ 余白タグ(margin)、背景・壁紙固定タグを使ってみましたが、どれも違うようです。


【検索用語】
→ 「固定、余白」「背景、余白」「固定、画像」

1   名前: lisa : 2007/07/31(火) 14:02  ID:ItbG2AQl sub-Cl
説明の仕方が悪かったのでしょうか。すみません。
もう一度HTML系のサイトさんを幾つか回ってみたのですが、書いてありませんでした。

もし分かる方がいらいらしたら宜しくお願い致します。

2   名前: 元帥 : 2007/07/31(火) 14:02  [URL]  ID:aIMXdte1 sub-bK
回答がありません(質問者向け)
http://www.tagindex.com/bbs/qa12.html
…って、まだ二時間も経過していないのですから(^^;

>>0で提示されたサイトは、
1. 灰色背景画像を用意。
2. tableでページを構成し、横幅固定、中央に配置する。
といった手順を踏んでいます。

従ってブラウザ横幅を広げていけば、灰色背景画像は自動で広がります。
しかし横幅固定ページは、指定された横幅より小さいウインドウサイズで閲覧すると、ウインドウ内に収まりきらず、横スクロールバーが出現し、使い勝手の悪いページになりがちです。
作成者は、ウインドウ幅を広げた時に文章も横一杯に広がってしまうのを嫌うようです(某ブラウザがmax-widthとかをサポートしないせい)。
また、tableは表であってレイアウト用にあるのではありません。
スタイルシートを使いましょう。

CSS 中央表示 といった検索キーワードなら見つかると思います。
http://blog.webcreativepark.net/2007/01/16-233350.html

過去ログにもあります。
http://www.tagindex.com/cgi-lib/q3bbs/patio.cgi?mode=view&no=444

3   名前: lisa : 2007/07/31(火) 14:02  ID:dPn7mcmy sub-Cl
>元帥さんへ

不備の多い初心者の質問に、回答して下さって有難うございます。
催促してしまいすみませんでした;

tableを使っていたんですね。
スタイルシートはまだ曖昧なので、もう一度勉強してからチャレンジしてみます。

どうもありがとうございました!

一覧へ戻る